IE不會在懸停時顯示ul

我無法獲得在IE中顯示的內容。懸停時出現ul ul ul li的邊框，但無法看到背景或鏈接。當我將鼠標移到它上面時，它會消失。適用於所有其他瀏覽器。我讀過的所有內容都是爲了給li添加背景顏色，但是沒有做到。我嘗試了所有我能想到的，我卡住了！這裏的CSSIE不會在懸停時顯示ul

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）;

來源

2012-10-30 xjx424

哪個版本？爲我編輯9編輯：作品7,8以及 –

哪個版本的IE你有麻煩？它在IE9中可以正常工作。 – enhzflep

在ie9上ul ul ul li顯示的邊界。在即7和8沒有顯示 – xjx424

根據IE的版本，你可能只需要指定doctype，所以它不會進入怪癖模式，產生你正在得到的錯誤。

<!DOCTYPE html>

來源

2012-10-30 17:10:54 Rayshawn

我實際上已經嘗試過多種doctypes，但沒有運氣，謝謝。 – xjx424

IE不會在懸停時顯示ul

回答

相關問題