0

私のオートコンプリートは、次の CSS を持つ別のメニュー DIV (図に示すように) によってオーバーラップされています。

これはIE 7でのみ発生します（最もばかげたブラウザ-私によると:)）IE 8、9、FFなどで正常に動作します。

#navlevel2 {
    background: url("../images/bg.gif") repeat-x scroll left -59px transparent;
    clear: both;
    height: 30px;
    position: relative;
    width: 100%;
}
<div id="navlevel2">
    <span class="corner"></span>
        <ul>
            <li>
                <a href="/a/b.aspx"  class="selected"><span><strong>Overview</strong></span> </a>
            </li>

            <li>
                <a href="/v/b.aspx"><span><strong> AAA </strong></span> </a>
            </li>

            <li>
                <a href="/c/v.aspx"><span><strong> BBB </strong></span> </a>
            </li>

            <li>
                <a href="/v/h.aspx"><span><strong>CCC </strong></span> </a>
            </li>
        </ul>
</div>

ここに画像の説明を入力

ここで何が問題なのか誰でも提案できますか?

4

1 に答える 1

1

#navlevel2 にいくつかの z-index を追加してみてください。オーバーラップ要素と呼ばれるものは何でも構いません。例: #navlevel1 がドロップダウン要素であるとします。

     #navlevel2 {
            background: url("../images/bg.gif") repeat-x scroll left -59px transparent;
            clear: both;
            height: 30px;
            position: relative;
            width: 100%;
            z-index: 1;

        } 

      #navlevel1 {
            z-index: 200;
         }
于 2013-08-19T15:25:39.903 に答える