js 中的导航可以在IE8上正常显示，但是不能够在IE6上显示，请大家帮忙看看

这个页面能够在IE8上正常运行，但是在IE6上，二级菜单就不能够出现了，请各位告诉，给我指点一下，万分感谢<%@pagelanguage="java"import="ja... 这个页面能够在IE8上正常运行，但是在IE6上，二级菜单就不能够出现了，请各位告诉，给我指点一下，万分感谢

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN">
<html>
<style type="text/css">
.menu {
font-family: arial, sans-serif;
width:100%;
height:32px;
position:relative;
font-size:13px;
margin:0px;
background:url(images/centerLog.png) repeat-x;
}
.menu ul {
padding:0px;
margin:0px;
list-style-type: none;
}
.menu ul li {
float:left;
border-left:0px solid #ffffff;
width:120px;
text-align:center;
}
.menu ul li a, .menu ul li a:visited {
display:block;
float:left;
width:120px;
height:32px;
line-height:32px;
text-decoration:none;
padding:0px;
font-size:13px;
font-weight:800;
color:#19715f;
}
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a{
color:#a9a842;
background:url(images/hoveImage.png) repeat-x;
}
.menu ul li:hover ul {
display:block;
position:absolute;
width:120px;
top:32px;
margin:0px 0px 0px -60px;
color:#fff;
}

.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block;
color:#95a3d0;
border-top:2px solid #ffffff;
}
.menu ul li:hover ul li a:hover {
color:#f58a8f;
}
.nvaDiv{
margin:-25px 0px 0px 120px;
width:2px;
height:18px;
background:url(images/navDiv.png) repeat-x repeat-y;
}

</style>

<body>
<div class="menu">
<ul>
<li><a class="hide">系统管理</a>
<div class="nvaDiv"></div>
<ul>
<li><a href='sysManage/agencyManager.jsp' target='rightFrame'>机构管理</a></li>
<li><a href="sysManage/roleManager.jsp" target="rightFrame">角色管理</a></li>
<li><a href="sysManage/userManager.jsp" target="rightFrame">用户管理</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html> 展开

 我来答

2个回答

#合辑# 面试问优缺点怎么回答最加分？

cenanhongru
2010-08-27 · 超过13用户采纳过TA的回答

知道答主

回答量：25

采纳率：0%

帮助的人：41.8万

我也去答题访问个人页

关注

展开全部

ie6中目前还不支持 li:hover 伪类，故出现你说的ie6菜单不显示问题，还有，楼主此段代码完全是用hover伪类做的二级菜单，根本没用js啊。与标题不符...汗

考虑到代码成本，我建议你把二级菜单的显隐直接用js控制，

<body>
<div class="menu">
<ul>
<li onmouseover="document.getElementById('sub-menu').style.display='block'" onmouseout="document.getElementById('sub-menu').style.display=''"><a class="hide">系统管理仿乎脊顷做</a>
<div class="nvaDiv"></div>
<ul id="sub-menu" onmouseout="this.style.display='none'">
<li><a href='sysManage/agencyManager.jsp' target='rightFrame'>机构管理</a></li>
<li><a href="sysManage/roleManager.jsp" target="rightFrame">角色管理</a></li>
<li><a href="sysManage/userManager.jsp" target="rightFrame">用备渗户管理</a></li>
</ul>
</li>
</ul>
</div>
</body>

样式请你自己控制...

已赞过 已踩过<

评论收起

匿名用户
2010-08-30

展开全部

这里有一个下拉菜单
试试看

参考资料： http://www.blueidea.com/common/shoutbox/redir.asp?8=p&id=11931

本回答被提问者采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js 中的导航可以在IE8上正常显示，但是不能够在IE6上显示，请大家帮忙看看

其他类似问题

为你推荐：