下拉菜单框位于Bootstrap导航栏和输入组后面

时间:2014-08-15 08:22:52

标签: html css3 twitter-bootstrap-3 position navbar

我对目前正在工作的项目有一些定位问题。我试图制作一个悬停下拉子菜单框,但它只是落在主导航栏和搜索表单之后(此外,如果我只是在我的任何地方放置一个宽的div HTML(仅为了实验),它仍然显示在所提到的元素后面)。这真的很奇怪,因为我只使用标准的Bootstrap 3库并且没有明确地改变/覆盖任何东西。有没有人遇到过这个问题,有哪些解决方案? 遗憾的是,由于我的个人资料信誉不佳,我无法在此处发布任何图片,因此您可以在下方找到带有实际屏幕截图的保管箱链接。 非常感谢提前!

https://dl.dropboxusercontent.com/u/28664459/Screen%20Shot%202014-08-15%20at%2010.57.55%20AM.png

1 个答案:

答案 0 :(得分:2)

这听起来像是Z-indexing的一个问题,这就是元素如何堆叠在一起,就像一堆纸一样。

如果您添加了索引值并且它无法正常工作,请检查该元素的位置值是否设置为relative,并检查该违规元素是否有愚蠢的行为高z-index,如9999。

有关详细信息,请阅读以下链接: