php - CSS 菜单 ul ul li 下拉菜单在 7 或 6 中不起作用，请帮忙

Question

我的下拉菜单有问题，例如 6/7，它落后于我网站上的其他 div:

http://www.bankruptcy.co.uk/

我已经使用 zindex 在其他浏览器中修复了它。

非常感谢任何帮助。

这是菜单代码。

//我无法发布 HTML，因为其中的链接太多。

这是 CSS。

/* JS disabled styles */
nav li:hover ul { display:block; }

/* base nav styles */
nav {
    display:block;
    margin:0;
    position:relative;
    background-color:#1D1AB2;
    border-top-width: 1px;
    border-bottom-width: 3px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #222;
    border-bottom-color: #222;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 35px;
}
nav ul {
    padding:0;
    margin:0;
    background-color: #1D1AB2;
}
nav li { position:relative; float:left; list-style-type:none;   z-index: 199;
}
.li80 {
    position:relative;
    float:left;
    width: 80px;
}
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a {
    display:block;
    padding:10px 17px;
    border-left:1px solid #999;
    color:#FFFFFF;
    text-decoration:none;
    font-weight: bold;
}
nav li a:hover {
    color:#036;
    background-color: #FFD073;
}
nav li a:focus { outline:none; text-decoration:underline; }

/* base nav styles */
nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; }
nav a span { display:block; float:right; margin-left:5px; }
nav ul ul {
    display:none;
    width:100%;
    position:absolute;
    left:0;
    background:#3333cc;
    z-index: 99;
}
nav ul ul li { float:none; }
nav ul ul a {
    padding:5px 10px;
    border-left:none;
    border-right:none;
    font-size:12px;
}

Answer 1

您不能在 IE 6 中的 li 元素上使用悬停。

下面有一些 javascript 资源，可让您执行此操作。这是链接.. 在 css 链接之前包含这个脚本，一切都会好的；)

http://ipkhakadze.com/resources/js/menu.htc