Z索引未在頂部顯示元素

Question

在下一頁上： http : //jsfiddle.net/3h7pL/

我遇到一個問題，無論我用z-index或定位如何操作，子菜單都不會顯示。 當您將鼠標懸停在“ Round Robins”上時，應該會在其下方看到一個項目符號列表。 您會在標記中看到它，但是CSS不會顯示它。 我經歷了一段艱難的時間來確定原因。

Answer 1

嘗試添加：

nav > ul:hover {z-index: 3}

您在z-index: 1處的nav隱藏在z-index: 2的contentBody下。

更新：但是，該解決方案（ 請參閱小提琴 ）弄亂了您的陰影。 如果您從所有nav元素中刪除所有z-index ，則除了：

nav > ul > li:hover ul {
         z-index: 3;
         display: block;
     }

然后它就可以工作而不會弄亂陰影 。