带有CSS下拉菜单的Z-index问题出现在jQuery滑块后面

Question

我对z-index搞砸了，直到我现在脸色偏蓝。

毫无疑问，它会变得简单。

请查看this website并将鼠标悬停在导航菜单中的“为什么选择我们”。下拉菜单显示在滑块后面。我敢肯定它只是一个z索引/位置问题，但我没有设法看到问题所在。

（未发布jsFiddle或代码，因为想象一下，您可以更快地直接在浏览器/网站上识别问题。）

Answer 1

你可以单独使用z-index来解决它（另外也可以解决溢出问题，所以不是真的单独使用）。

header.container {
    overflow: visible;
    z-index: 2;
}
#page.container {
    overflow: visible;
    z-index: 1;
}

Answer 2

有两个问题。这就是诀窍：

nav.container {
    overflow: visible;
    z-index: 1000;
}

z-index并不能单独解决它，因为子菜单被<nav> - 元素的隐藏溢出所削减。

Answer 3

别忘了添加

{call addMasterBarangKeluar (?)}