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

liwu556677 2010-08-26 05:31:16

这个页面能够在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>   

               

            <li><a class="hide">模块管理</a>   

                <div class="nvaDiv"></div>   

                <ul>   

                    <li><a href="reportManager/oneReportDefine.jsp" target="rightFrame">查询统计定义</a></li>   

                    <li><a href="reportManager/twoReportDefine.jsp" target="rightFrame">二级查询定义</a></li>   

                </ul>   

            </li>   

               

            <li><a class="hide">辅助系统</a>   

                <div class="nvaDiv"></div>   

                <ul>   

                    <li><a href="reportManager/selectReport.jsp" target="rightFrame">报表查询</a></li>     

                </ul>   

            </li>   

               

            <li><a class="hide">文件管理</a>   

                <div class="nvaDiv"></div>   

                <ul>   

                    <li><a href="fileManager/fileuploadManager.jsp" target="rightFrame">文件上传管理</a></li>   

                    <li><a href="fileManager/inforPublishManager.jsp" target="rightFrame">信息发布管理</a></li>    

                </ul>   

            </li>   

               

            <li><a class="hide">发布管理</a>   

                <div class="nvaDiv"></div>   

                <ul>   

                    <li><a href="publishManager/fileDownload.jsp" target="rightFrame">文件下载</a></li>   

                    <li><a href="publishManager/inforPublish.jsp" target="rightFrame">信息发布</a></li>    

                </ul>   

            </li>   

               

            <li><a class="hide">营业场所监控</a>   

                <div class="nvaDiv"></div>   

                <ul>   

                    <li><a href="http://10.232.110.146" target="rightFrame">95598呼叫中心</a></li>   

                    <li><a href="http://10.232.99.79" target="rightFrame">城西营业厅</a></li>   

                    <li><a href="http://10.232.100.131" target="rightFrame">城东营业厅</a></li>   

                    <li><a href="http://10.232.102.214" target="rightFrame">湘乡局营业厅</a></li>   

                    <li><a href="http://10.232.122.25" target="rightFrame">湘乡健康路营业厅</a></li>   

                    <li><a href="http://10.232.110.69" target="rightFrame">韶山局营业厅</a></li>   

                    <li><a href="http://10.232.103.11" target="rightFrame">湘潭县局营业厅</a></li>   

                </ul>   

            </li>   

        </ul>   

    </div>   

</body>   

</html>

...全文

107 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

hoojo 2010-08-26

打赏
举报



<!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 a:hover{   

    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 href="#" 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>   

               

            <li><a class="hide">模块管理</a>   

                <div class="nvaDiv"></div>   

                <ul>   

                    <li><a href="reportManager/oneReportDefine.jsp" target="rightFrame">查询统计定义</a></li>   

                    <li><a href="reportManager/twoReportDefine.jsp" target="rightFrame">二级查询定义</a></li>   

                </ul>   

            </li>   

               

            <li><a class="hide">辅助系统</a>   

                <div class="nvaDiv"></div>   

                <ul>   

                    <li><a href="reportManager/selectReport.jsp" target="rightFrame">报表查询</a></li>     

                </ul>   

            </li>   

               

            <li><a class="hide">文件管理</a>   

                <div class="nvaDiv"></div>   

                <ul>   

                    <li><a href="fileManager/fileuploadManager.jsp" target="rightFrame">文件上传管理</a></li>   

                    <li><a href="fileManager/inforPublishManager.jsp" target="rightFrame">信息发布管理</a></li>    

                </ul>   

            </li>   

               

            <li><a class="hide">发布管理</a>   

                <div class="nvaDiv"></div>   

                <ul>   

                    <li><a href="publishManager/fileDownload.jsp" target="rightFrame">文件下载</a></li>   

                    <li><a href="publishManager/inforPublish.jsp" target="rightFrame">信息发布</a></li>    

                </ul>   

            </li>   

               

            <li><a class="hide">营业场所监控</a>   

                <div class="nvaDiv"></div>   

                <ul>   

                    <li><a href="http://10.232.110.146" target="rightFrame">95598呼叫中心</a></li>   

                    <li><a href="http://10.232.99.79" target="rightFrame">城西营业厅</a></li>   

                    <li><a href="http://10.232.100.131" target="rightFrame">城东营业厅</a></li>   

                    <li><a href="http://10.232.102.214" target="rightFrame">湘乡局营业厅</a></li>   

                    <li><a href="http://10.232.122.25" target="rightFrame">湘乡健康路营业厅</a></li>   

                    <li><a href="http://10.232.110.69" target="rightFrame">韶山局营业厅</a></li>   

                    <li><a href="http://10.232.103.11" target="rightFrame">湘潭县局营业厅</a></li>   

                </ul>   

            </li>   

        </ul>   

    </div>   

</body>   

</html> 

IE6 链接标签一定要加上href，不然伪类无效。

还有伪类只对a标签有效，li无效所以lz还是还用鼠标事件