html - Z-Index 未在顶部显示元素

Question

在以下页面上：http: //jsfiddle.net/3h7pL/

我遇到了一个问题，无论我对 z-index 或定位做什么，子菜单都没有显示。当您将鼠标悬停在“Round Robins”上时，您应该会在其下方看到一个项目符号列表。您会在标记中看到它，但 CSS 不会显示它。我很难确定原因。

Answer 1

尝试添加：

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

你nav的 atz-index: 1隐藏在contentBodyof 下z-index: 2。

更新：但是，该解决方案（请参阅 fiddle）会弄乱您的阴影。如果从除此之外的z-index所有元素中删除所有元素：nav

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

然后它不会弄乱阴影。