为什么给ul添加背景颜色无效
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="./css/css.css">
</head>
<body>
<div class="header">
<div class="logo"><img src="./image/logo.png"></div>
<div class="menu">
<div class="menu_title" id="dian"><a href="#">内容分类</a></div>
<div class="menu_list">
<ul id="ul">
<li>现实主义</li>
<li>抽象主义</li>
</ul>
</div>
</div>
<div></div>
</div>
<div class="content"></div>
<div class="footer"></div>
<script type="text/javascript" src="./js/js.js"></script>
</body>
</html>
*{
margin: 0px;
padding: 0px;
background-color: #FFFAF0;
}
.header{
margin:25px auto;
width: 1200px;
}
.header .logo{
float: left;
position: relative;
margin-left: 80px;
}
.header .menu{
position: relative;
top: 12px;
left: 20px;
float: left;
width: 90px;
}
.header .menu .menu_title{
text-align: center;
border-bottom: 1px solid;
padding-bottom: 15px;
}
.header .menu .menu_title a{
text-decoration: none;
color: black;
}
.header .menu .menu_list ul{
opacity: 0.8;
text-align: center;
display: hidden;
height: 40px;
line-height: 40px;
list-style-type: none;
background-color: green;/*为何不显示绿色*/
display: none;
}
var flag=true;
function ul(){
var ul=document.getElementById("ul");
var dian=document.getElementById("dian").onclick=function(){
if (flag) {
ul.style.display="block";
}else{
ul.style.display="none";
}
flag=!flag;
}
}
function ul1(){
var
}
ul();
正在回答
同学你好，绿色不显示是因为通配符设置了全部的颜色，包括li的，li的把ul的盖上了，所以绿色没有显示出来；
一般不建议在*{}中设置背景色；
只有一个绿色是因为同学设置了height:40px;，所以这个绿色的高只有40px，同学把这个去掉就可以了
另外，display没有hidden属性值，同学下面设置了display: none;就可以了
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星