Question

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

Answer 1

尝试添加：

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

nav z-index: 1 contentBody隐藏在z-index: 2的{{1}}下。

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

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