我有一个带有无序列表的JSP页面,它在IE6中根本不显示,而它在Mozilla Firefox中完美显示。
我的JSP是:
<div id="topnav">
<ul>
<li class="active"><a href="index.jsp">Home</a></li>
<li><a href="AboutUsServlet">About US</a></li>
<li><a href="ContactUsServlet">Contact Us</a></li>
<li><a href="#">PRODUCTS</a>
<ul>
<li><a href="#">LAPTOP</a></li>
<li><a href="#">NOTEPAD</a></li>
<li><a href="#">PALMTOPS</a></li>
</ul>
</li>
<li class="last"><a href="#">SERVICES</a></li>
</ul>
</div>
CSS就是:
#topnav{
display:block;
float:left;
width:660px;
margin:0;
padding:0;
list-style:none;
font-size:13px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#000000;
}
#topnav ul, #topnav li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#topnav li a:link, #topnav li a:visited, #topnav li a:hover{
display:block;
margin:0;
padding:15px 20px;
color:#FFFFFF;
background-color:#000000;
}
#topnav ul ul li a:link, #topnav ul ul li a:visited{
border:none;
}
#topnav li.last a{
margin-right:0;
}
#topnav li a:hover, #topnav ul li.active a{
color:#FFFFFF;
background-color:#059BD8;
}
#topnav li li a:link, #topnav li li a:visited{
width:150px;
float:none;
margin:0;
padding:7px 10px;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
background-color:#000000;
}
#topnav li li a:hover{
color:#FFFFFF;
background-color:#059BD8;
}
#topnav li ul{
background:#FFFFFF;
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
#topnav li ul a{width:140px;}
#topnav li ul ul{margin:-32px 0 0 0;}
#topnav li:hover ul ul{left:-999em;}
#topnav li:hover ul, #topnav li li:hover ul{left:auto;}
#topnav li:hover{position:static;}
#topnav li.last a{margin-right:0;}
我用谷歌搜索并发现删除float:left;
这项工作并放置display:block;
对我有用。但它仍然无法正常工作。我甚至试过overflow:hidden;
但是它也没有用。我在Eclipse中工作,默认情况下它的浏览器设置为IE6。