如何讓z-index定位在懸停上工作

Question

我已經設置了z-index在某些元素上的位置爲絕對集合，但是當我將鼠標懸停在一個元素上時，另一個元素位於它的頂部，儘管它有一個較低的Z指數。您可以在

http://governapps.com/temp/testhover.html

見到這對如何獲得「類別」元素出現上方懸停在「菜單項」任何想法？

感謝

Answer 1

對於一個你可以把你的類別中自己的元素，然後給它一個較高的z-index與位置絕對爲好。

或者，您可以適當地保留您的浮動元素，使其不會隱藏類別。

Answer 2

你說：

另一個坐在它的上面，儘管它具有較低的z-index

但是，這不是（真的）的情況。

'子類別'也在那個元素中。所以他們永遠不可能處於他們所處的環境之下。

將「子類別」移動到元素外部，它應該可以工作。

是否有可能使類別元素也是position: absolute;？

它與relative做VS absolute定位：

http://jsfiddle.net/B8Cx7/