0

我无法让 ul li ul 在 IE 中显示。悬停时会出现 ul li ul li 的边框，但您看不到背景或链接。当我将鼠标移到它上面时，它就消失了。适用于所有其他浏览器。我读到的所有内容都说要为 li 添加背景颜色，但事实并非如此。我已经尝试了我能想到的一切，我被卡住了！这是CSS

ul.menuDiv { 
    width:998px; 
    height:60px; 
    margin-left:auto; 
    margin-right:auto; 
    z-index:0; 
    list-style:none;
}
ul.menuDiv li.menuItem { 
    position:relative; 
    width: 141px; 
    height:36px; 
    display:block; 
    float:left; 
    border-bottom: 1px solid #960; 
    border-top: 1px solid #960; 
    border-right:1px solid #000; 
    text-align:center; 
    padding-top: 22px; 
    z-index:1; 
}
ul.menuDiv li.menuItem:hover {
    background-color: #D39400;
    cursor:pointer; 
    border-top: 2px inset #000; 
    padding-top: 21px;
}
ul.menuDiv ul.menuSubItemHolder { 
    display:none; background-color:#F9B300;
}
ul.menuDiv li.parent:hover ul.menuSubItemHolder {  
    list-style:none; 
    display:block; 
    visibility:visible; 
    position:absolute; 
    top:57px; 
    left:-1px; 
    width: 200px; 
    background-color:#D39400; 
    z-index:2 
}
ul.menuDiv ul li.menuSubItem { 
    position:relative; 
    display:block; 
    width: 195px; 
    height:30px; 
    background-color:#F9B300; 
    border:1px solid #000; 
    border-top:none; 
    padding: 12px 0 0 5px; 
    text-align:left; z-index:3
}

这是HTML

<div class="menuBar shadowBottom">
    <ul class="menuDiv">
        <li class="menuItem first"><a class="mainA" href="site.com">Welcome</a></li>
        <li class="menuItem parent"><a class="mainA" href="site.com"><span>BATH ARMOR&trade;</span></a>
            <ul class="menuSubItemHolder shadow">
                <li class="menuSubItem"><a class="subA" href="site.com">Tub and Shower Liners</a></li>
                <li class="menuSubItem"><a class="subA" href="site.com">Colors and Patterns</a></li>
                <li class="menuSubItem"><a class="subA" href="site.com">Accessories and Features</a></li>
            </ul>
        </li>
    </ul>
</div>

发现了问题。CSS 下面的过滤器导致了这个问题。filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F9B300, endColorstr=#8E6800);

4

1 回答 1

0

您可能只需要根据 IE 的版本指定 doctype，因此它不会进入 quirks 模式，从而产生您遇到的错误。

 <!DOCTYPE html>
于 2012-10-30T17:10:54.737 回答