Drop down menu twitter引导下拉菜单的z索引问题

Drop down menu twitter引导下拉菜单的z索引问题,drop-down-menu,twitter-bootstrap,z-index,Drop Down Menu,Twitter Bootstrap,Z Index,我在页面顶部的固定导航栏中使用twitter引导下拉菜单 这一切都很好,但我有下拉菜单项显示在其他页面元素后面,而不是前面的问题 如果页面上有任何带有position:relative(如jqueryui accordion或谷歌图表)的内容,则下拉菜单将显示在其后面。尝试更改dd菜单和导航栏的z-index,但没有任何区别 我能让菜单位于其他内容之上的唯一方法是将内容更改为位置:固定或z-索引:-1-但这两种解决方案都会导致其他问题 谢谢你能给我的任何帮助 我认为这可能是我误解的CSS定位的一

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

这一切都很好,但我有下拉菜单项显示在其他页面元素后面,而不是前面的问题

如果页面上有任何带有
position:relative
(如jqueryui accordion或谷歌图表)的内容,则下拉菜单将显示在其后面。尝试更改dd菜单和导航栏的
z-index
,但没有任何区别

我能让菜单位于其他内容之上的唯一方法是将内容更改为
位置:固定
z-索引:-1-但这两种解决方案都会导致其他问题

谢谢你能给我的任何帮助

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


谢谢。

刚刚意识到发生了什么事

我把导航条放在一个标题中,标题是
位置:fixed

更改了标题上的
z-index
,它现在可以工作了-我想我没有在容器上找足够高的位置来设置
z-index

谢谢。

这会解决它的

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

通过从导航栏中删除
-webkit转换
解决:

-webkit转换:translate3d(0,0,0)


中掠夺的问题仍然是引导v3、导航栏和下拉菜单具有相同的z索引-(我刚刚增加了。下拉菜单z-index为1001。

这为我修复了它:

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

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

.navbar {
    position: static;
}

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

IE7在windows8上使用Bootstrap3.0.0

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

修复了

我也遇到了同样的问题,在阅读本主题后,我解决了将此添加到CSS中的问题:

.navbar-fixed-top {
    z-index: 10000;
}
因为在我的情况下,我使用的是固定顶部菜单。

这对我来说很有效:

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

通过删除
transform:translateY(50%);
属性解决了此问题。

只需给出

position: relative; 
z-index: 999;

对于导航栏

我也遇到了同样的问题,因为我在导航栏样式中忘记了这一点:
溢出:隐藏;

在我的例子中,除了
z-index
之外,我必须在父元素中设置
溢出:可见

我有一个类似的问题,结果是由“溢出:隐藏”引起的在一个父分区上。解决方案对我来说很简单,因为在查看它之后,我确定我不再需要溢出:隐藏,所以我删除了它。你救了我的神经。谢谢。@ScottForsyth MVP我略过了你的评论,认为..溢出:隐藏-这不是我的问题-我的都是关于z索引的。所以我转到了堆叠内容的MDN页面xts(强烈推荐)我仔细浏览了我的网站,设置了位置和正确的z-索引。菜单仍然被切断。然后我注意到溢出:隐藏在css检查器中,它让我想起了你的评论——就是这样!虽然我在DOM和元素中有一个稍微不同的结构,但最终让我解决方案的原因是改变了包含下拉元素的元素的Z索引。谢谢!@斯科特福思MVP谢谢!你的评论救了我的命:DI刚刚增加。下拉菜单Z索引为1001。解决办法是增加这个值。抱歉我的英语不好^ ^ AHH。然后我误解了你,对不起。你可能会考虑在你的答案中稍作澄清。(就像您在评论中所做的:-)这将导致引导模式对话框出现问题,因为模式背景的z索引值较低。对我有效,没有副作用。请参阅此处的我的答案对我有效,但您不需要将z索引属性设置为999。您可以将其设置为2。