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

Question

我已经搞砸了 z-index，直到我现在在这个问题上脸色发青。

毫无疑问，这很简单。

请查看此网站并将鼠标悬停在导航菜单中的“为什么选择我们”上。下拉菜单出现在滑块后面。我确定它一定只是一个 z-index / position 问题，但我没有设法看到问题出在哪里。

（没有发布 jsFiddle 或代码，因为想象它会更快地让您直接在浏览器/网站上识别问题）。

score 8 · Accepted Answer

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

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

score 2 · Accepted Answer

有两个问题。这可以解决问题：

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

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

score 0 · Accepted Answer

不要忘记添加

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

3 回答 3