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

Question

我跟z-index搞混了,直到现在我脸上的蓝色.

毫无疑问,它会变得简单.

请查看此网站并将鼠标悬停在导航菜单中的"为什么我们".下拉菜单显示在滑块后面.我敢肯定它只是一个z索引/位置问题,但我没有设法看到问题所在.

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

Answer 1

你可以单独使用z-index来解决它(另外还要修复溢出,所以我猜不是真的单独使用).

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