ドロップダウンメニューでZ-インデックスの問題が発生する

Question

メニューの上にカーソルを置くと、その下のメニューが表示されます。それはdivかもしれないが、確かではない。私は、静的および相対的に変更すると、彼らはここで をシフトダウン私のサイトhttp://ocart.site/opencart/

#menu > ul > li > div { 
position: relative; 
z-index: 5; 

あるノー喜び

Answer 1

であなたは以下を適用する必要があり、相対および高Zインデックスを追加しようとしていますCSSルール：

#menu > ul > li { 
    z-index: auto; 
} 

#menu > ul > li > a { 
    z-index: auto; 
} 

#menu > ul > li > div { 
    z-index: auto; 
} 

#menu > ul > li:hover > div { 
    z-index: 5; 
} 

トップレベルの要素にもz-インデックスを定義するので、参照するz-インデックスが機能しなくなります。

Answer 2

#menu > ul > liと#menu > ul > li

ので、ちょうど