z-index的问题与Twitter的引导下拉菜单(z-index issue with twitt

我使用Twitter的引导下拉菜单的导航栏固定在我的页面的顶部。

这一切工作正常，但我有与下拉显示落后于其他网页元素，而不是在他们面前的菜单项的问题。

如果我有任何页面上的position: relative （如jQuery UI的手风琴，或谷歌图表），然后在下拉菜单中显示它的后面。 试图改变z-index的DD菜单和导航栏的，但没有任何区别。

我可以坐其他内容上面的菜单的唯一方法是改变内容position: fixed; OR z-index: -1; - 但是这两种解决方案会导致其他问题。

感谢所有帮助您可以给我。

我想这可能是一些标准的问题与我误解了，所以也没有发布任何代码，但如果需要的话可以做CSS定位。

谢谢。

Answer 1:

只是意识到发生了什么事情。

我有一个标题，该标题是内部的导航栏position: fixed ;

改变了z-index的头，它的工作现在-猜我没有看够高了容器设置z-index ！最初＃@！？

谢谢。

Answer 2:

IE 7与引导3.0.0 windows8的。

.navbar {
  position: static;
}
.navbar .nav > li {
  z-index: 1001;
}

固定

Answer 3:

遇到同样的错误在这里。 这为我工作。

.navbar {
    position: static;
}

由位置设置为静态的，则意味着导航栏会落入文档的流动，因为它通常会。

Answer 4:

这将修复

.navbar .nav > li {
z-index: 10000;
}

Answer 5:

仍与引导V3，导航栏和下拉问题有相同的z-index ;-(我只是增加.dropdown菜单的z-index为1001。

Answer 6:

我有同样的问题和阅读此主题后，我已经解决了这个添加到我的CSS：

.navbar-fixed-top {
    z-index: 10000;
}

因为在我的情况，我使用的是固定的顶部菜单。

Answer 7:

通过移除解决-webkit-transform从导航栏：

-webkit-transform: translate3d(0, 0, 0);

从掠夺https://stackoverflow.com/a/12653766/391925

Answer 8:

这种固定对我来说：

.navbar-wrapper {
  z-index: 11;
}

Answer 9:

这为我工作：

.dropdown, .dropdown-menu {
  z-index:2;
}
.navbar {
  position: static;
  z-index: 1;
}

Answer 10:

通过去除解决了这个问题transform: translateY(50%); 属性。

文章来源: z-index issue with twitter bootstrap dropdown menu