BX スライダーの上部にドロップダウン メニューを使用していますが、IE7 で上部に表示することはできません。私はどこでも答えを探しましたが、子アイテムだけの相対的な位置は機能していないようです。誰か助けてください。
テストページはこちら: http://theturning.co.uk/AMBA-NEW/
Ps - IE の z-index バグに関する SO の他の投稿をチェックして試してみましたが、何もうまくいきません。
BX スライダーの上部にドロップダウン メニューを使用していますが、IE7 で上部に表示することはできません。私はどこでも答えを探しましたが、子アイテムだけの相対的な位置は機能していないようです。誰か助けてください。
テストページはこちら: http://theturning.co.uk/AMBA-NEW/
Ps - IE の z-index バグに関する SO の他の投稿をチェックして試してみましたが、何もうまくいきません。
これらの問題は通常、z-indexが設定されていない親コンテナに関連していることがわかりました。ヘッダー要素のz-indexを1に設定してみてください
header {
z-index: 1;
}
私は同じ種類の問題に直面し、以下のように修正しました。
ドロップダウン ナビゲーション メニューを以下のように考えます。
<ul id="nav">
<li>Menu Item 1</li>
<li>Menu Item 2
<ul>
<li>Sub Menu Item 1</li>
<li>Sub Menu Item 2</li>
<li>Sub Menu Item 3</li>
</ul>
</li>
<li>Menu Item 3
<ul>
<li>Sub Menu Item 1</li>
<li>Sub Menu Item 2</li>
</ul>
</li>
</ul>
以下のように、すべての子要素と孫要素の z-index を設定します。
ul#nav * { z-index:9999 } /* maximum zoom index as your wish */