IEの下にあるスライダー広告の背後にサブナビゲーションが隠れているのはなぜですか？

Question

あなたのマウスがACCESSORIES上にマウスを置くと、スライダー広告の背後にあるサブナビゲーションがIEの下に隠れるとき、私はスライダーを設定しました。z-index:99;サブナビゲーションz-index:9999;しかし動作しません。

FFとクロムの下でOKです。 IEの下でそれを修正する方法。ありがとうございます。

Answer 1

コミュニティへようこそ、IE7でこの問題に直面しています。

IE8、FFとクロムは完璧な出力を与えています。あなたが持っている必要があるのはあなたの.main-container z-index:-10 or -100などです。値を試してみてください。

は値を試してみて、あなたのCSSルールが影響している場所を特定できるように、すべてのブラウザで同時にそれをチェックz-index:999または9999のような正の値に.nav-containerと#navのあなたのzインデックスを設定します。テスト目的のために、任意のクラスまたはIDにborder:1px solid red;を設定することができます。これを使うことで、要素の境界を見ることができます。

また、あなたの位置をしばらくチェックすると、IEはポジションを別々に扱います。それに応じてulまたはul ul上でz-索引を使用する必要はありません。しばらくして、要素の親コンテナについても考えています。レイアウトやアライメントが他のブラウザでも問題を引き起こす場合は、条件文を使用して特定のブラウザに特定のCSSを書くこともできます。

参照：Conditional comments