小弟正急着做毕业设计,好不容易整出了个css二级菜单,但在IE中只能显示出导航条,
二级菜单怎么也不显示,小弟很郁闷,是我的css写的有问题?还是其他原因,跪
请哥哥们抽一点点时间帮忙看看,先在此谢过各位了!!!!
************************************************
************************************************
这是我的div
<div class="container">
<div class="menu">
<ul>
<li>
<a href="#">新生信息</a>
<ul> <li>
<a href="">报道管理 </a>
</li>
<li>
<a href="">信息管理 </a>
</li> <li>
<a href="">成绩管理 </a>
</li> </ul>
</li>
</ul>
</div>
</div>****************************************
*************************************
css如下body{
margin:0;
}
.container{
margin-top:0;
width: 100%;
height:100px;;
}
* {
margin: 0;
padding: 0;
} .menu a {
display: block;
color:window;
padding: 3px 1px 1px;
margin: 2px 1px ;
background-image:url("../images/1.png");
text-decoration: none;
}
.menu a:hover {
font-weight:bold;
background-image:url("../images/2.png");
}
.menu {
float: left;
width:93.5%;
position: relative;
font-size: 15px;
margin-left:33px;
margin-right:20%;
background-image:url("../images/1.png");
background-repeat:repeat-x;
}
.menu ul {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
position: relative;
}
.menu ul li {
float: left;
position: relative;
display: inline;
}.menu ul ul li a {
display: block;
width:65px;
height: auto;
line-height: 16px;
padding: 5px 20px 5px 16px;
margin: 0;
border-bottom: 1px solid #BFCAE6;
}
.menu ul li a, .menu ul li a:visited {
float: left;
display: block;
text-decoration: none;
width: auto;
height: 24px;
border-width: 19px 0 0 0;
padding: 0px 21px 0px 15px;
line-height: 24px;
}
.menu ul li ul {
display: none;
}
.menu ul li:hover ul {
display: block;
position: absolute;
top: 23px;
margin-top: 1px;
left: 0;
width: 100%;
margin-bottom:1px;
}.menu ul li:hover ul li a {
display: block;
}.menu ul li:hover ul li a:hover {
background-image:url("../images/2.png");
}
二级菜单怎么也不显示,小弟很郁闷,是我的css写的有问题?还是其他原因,跪
请哥哥们抽一点点时间帮忙看看,先在此谢过各位了!!!!
************************************************
************************************************
这是我的div
<div class="container">
<div class="menu">
<ul>
<li>
<a href="#">新生信息</a>
<ul> <li>
<a href="">报道管理 </a>
</li>
<li>
<a href="">信息管理 </a>
</li> <li>
<a href="">成绩管理 </a>
</li> </ul>
</li>
</ul>
</div>
</div>****************************************
*************************************
css如下body{
margin:0;
}
.container{
margin-top:0;
width: 100%;
height:100px;;
}
* {
margin: 0;
padding: 0;
} .menu a {
display: block;
color:window;
padding: 3px 1px 1px;
margin: 2px 1px ;
background-image:url("../images/1.png");
text-decoration: none;
}
.menu a:hover {
font-weight:bold;
background-image:url("../images/2.png");
}
.menu {
float: left;
width:93.5%;
position: relative;
font-size: 15px;
margin-left:33px;
margin-right:20%;
background-image:url("../images/1.png");
background-repeat:repeat-x;
}
.menu ul {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
position: relative;
}
.menu ul li {
float: left;
position: relative;
display: inline;
}.menu ul ul li a {
display: block;
width:65px;
height: auto;
line-height: 16px;
padding: 5px 20px 5px 16px;
margin: 0;
border-bottom: 1px solid #BFCAE6;
}
.menu ul li a, .menu ul li a:visited {
float: left;
display: block;
text-decoration: none;
width: auto;
height: 24px;
border-width: 19px 0 0 0;
padding: 0px 21px 0px 15px;
line-height: 24px;
}
.menu ul li ul {
display: none;
}
.menu ul li:hover ul {
display: block;
position: absolute;
top: 23px;
margin-top: 1px;
left: 0;
width: 100%;
margin-bottom:1px;
}.menu ul li:hover ul li a {
display: block;
}.menu ul li:hover ul li a:hover {
background-image:url("../images/2.png");
}
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货