0

Web サイトのページの上部にあるショッピング カート バーの下にフライアウト メニューが表示されないという奇妙な状況があります。フライアウト メニューは z-index:9999 に設定され、バーは 99 に設定されていますが、バーはフライアウト メニューの上にレンダリングされています。配置されたブロックレベル要素の z-index スタッキングをオーバーライドできる他のシステムはありますか?もしそうなら、どうすれば調整できますか?

これがhttp://procadsys.worldnz.co.nz/component/mijoshop/account/loginであるページの例

なぜこれが起こっているのかについての考えは大歓迎です。

4

2 に答える 2

2

#Menu-Bar要素が低いためですz-index。それをに変更する9999と、最初の問題は解決されます。

position:relativeその子のためにこれを保持することを考慮してください。そのため、最上位の親が同じレベルで競合する別の要素よりも低い場合、子が要素チェーンの外側にある別の要素よりも大きいz-indexと主張していても、その下に配置されます。z-indexRelative は Relative、つまり Relative です。そのため、現在親が設定されている内の任意のアイテムに対して9999のみ使用できます。9999z-index50

于 2013-04-26T03:13:12.780 に答える