z-index与twitter引导下拉菜单的问题

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

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

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

我可以让菜单坐在其他内容上方的唯一方法是将内容更改为position: fixed; OR z-index: -1; 但这两种解决scheme都会导致其他问题。

感谢您能给我的任何帮助。

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

谢谢。

Answer 1

刚刚意识到发生了什么事情。

我有一个标题里面的导航栏position: fixed ;

更改了标题上的z-index ，它现在正在工作 – 猜测我没有看足够的容器来设置z-index最初！＃@！？

谢谢。

Answer 2

IE8在Windows8与引导3.0.0。

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

固定

Answer 3

这将解决它

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

Answer 4

在这里遇到同样的错误。 这对我有效。

 .navbar { position: static; } 

通过将位置设置为静态，这意味着导航栏将像通常那样落入文档stream中。

Answer 5

Bootstrap v3，navbar和dropdown的问题仍然有相同的z-index ;-(我刚刚增加.dropdown菜单z-index为1001。

Answer 6

通过从navbar中删除-webkit-transform解决：

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

抢劫从https://stackoverflow.com/a/12653766/391925

Answer 7

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

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

因为在我的情况下，我正在使用固定的顶级菜单。

Answer 8

这对我来说是固定的：

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

Answer 9

这对我工作：

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

Answer 10

我有同样的问题。 所有的问题是我的div没有背景色。 大声笑。 我把这一行添加到div和问题：

 .mainDiv, .contentDiv{ background:white; } 

Answer 11

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