弹出二级垂直菜单 在IE5 IE6 显示不了!!救人啊!救人啊!救人啊!救人啊!救人啊!救人啊!

来源：百度知道 编辑：UC知道 时间：2024/05/14 16:59:57
1.asp+div+js 网站
2.菜单目录都是动态数据库读取的.
3.IE8里可以正常显示.IE5~6都显示不了!
4.代码内容:
JS:

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

css:

ul {
margin: 0;
padding: 0;
list-style: none;
width: 179px; /* Width of Menu Items */
z-index:9999;
}

ul li {
position: relative;

}

建议用我这个，IE6,IE7,IE8,Firefox,Chrome测试通过。

CSS：

.nav {
margin:0px; padding:0px;
z-index:100; position:relative; top:154px; list-style:none; /* Top:154px是导航条的相对位置 这是我网站的，请修改 */
}

.nav li {
float:left; position:relative;
margin:0; padding:0; width:100px; height:42px; line-height:42px; /* Height 42是Nav导航条项目高度 */
}

.nav li div {
position:absolute; z-index:1;
left:0px; top:0px; width:100px; height:42px; /* Height 42是Nav导航条项目高度 */
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
font-size:16px; color:#FFF; text-align:center; text-decoration:none;
display:block; position:absolute; z-index:2; left:0px; top:0px; width:100%; height:100%;
/* Font-size和color都是导航项目字体设置 */
}

.nav li a:hover {
/* 补充鼠标移入导航项目时候的显示 因为我用JQuery动态效果所以这里没有加 你可以增加例如background等等的东西，不要调整大小！*/
}

.nav li:hover ul a, .nav li.sfHover ul a {
backg