Question

我无法在IE中显示ul li ul。在悬停时，会出现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）;

Answer 1

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

 <!DOCTYPE html>

IE在悬停时不会显示ul

1 个答案: