css - zインデックスが高い要素は、zインデックスが低い要素の下に配置されます。

Question

MaxiMenuと呼ばれるJoomlaMenuModuleで愚かな問題が発生しています。これがスクリーンショットです：

ウェブサイトへのリンク

が原因のようですz-index。ファイアバグを使用して確認しましたが、下のメニューが上に表示される方法を見つけることができませんでした。

興味深い事実は、メニュー項目にカーソルを合わせると、そのz-indexが15000ページ上の他のどのメニュー項目よりも高く変更されることです。

12000同様のz-インデックスを持つ他のメニュー項目の下で、それはどのように進んでいますか？

zインデックスのファーバグ表示：

Answer 1

position:relativez-index 10 と 20 を持つ 2 つの div に追加します。

Z インデックスは、静的でない位置 (絶対、相対、固定) を持つ最初の親から相対的に計算されます。

Answer 2

z-index親要素にも上位を追加するul必要があるため、次の場合：

<ul class="menu banner_menu maximenuck" style="">
 <li class="maximenuck item184 parent first level1 " style="z-index : 12000;......

...これで修正されます

.menu.banner_menu.maximenuck {
 z-index: 15000;
}