Z索引问题，CSS下拉菜单出现在jQuery滑块后面

我一直在搞z指数，直到现在我脸都青了

毫无疑问，这将是简单的

请查看并将鼠标悬停在导航菜单中的“为什么是我们”。下拉菜单显示在滑块后面。我确信这一定只是一个z指数/仓位问题，但我还没有找到问题所在

---

（不要发布JSFIDLE或代码，因为想象一下，直接在浏览器/网站上识别问题会更快）。

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

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

---

z-index

并不能单独解决这个问题，因为子菜单被

-元素的隐藏溢出切断了。

你可以单独用z-index解决它（加上修复溢出，所以我猜也不是单独解决的）

别忘了加上

  header.container {
    overflow: visible;
    z-index: 2;
    position: relative // without this sometime z-index doesnt work 
}

---

在我的情况下，有溢出隐藏。它是。。。两年前。这就是为什么在小提琴中重现问题很方便的原因。

overflow:hidden

在父对象上也可以破坏子对象的z索引，即使子对象有

overflow:visible

  header.container {
    overflow: visible;
    z-index: 2;
    position: relative // without this sometime z-index doesnt work 
}