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 に答える