隐藏在网格内容后面的Bootstrap导航栏下拉列表

时间:2015-12-23 21:53:44

标签: css twitter-bootstrap twitter-bootstrap-3

我已经查到了这个问题,其他帖子中提到的解决方案对我不起作用。

发生了什么:导航栏上的下拉列表隐藏在图像后面,但仅限于图像位于Bootstrap网格中。如果我删除网格并只使用div行元素,则下拉列表将显示在图像上方。我找到的所有修复程序都使用了z-index,我试过但由于某种原因放入导航栏的z-index,下拉列表,li元素并没有解决这个问题。

这是指向问题的HTML链接:http://ratchetmedia.com/bootstrap/ 将鼠标悬停在" Something2"在导航栏上查看下拉列表。 IE和Chrome中存在测试和问题。

在某些情况下我真的需要在导航栏下使用网格,否则我会以另一种方式完成工作。

感谢您的时间,非常感谢任何意见!

1 个答案:

答案 0 :(得分:0)

您需要在.headercontainer上设置z-index的位置才能正常工作。只需将这些规则添加到课程中即可。

position: relative;
z-index: 1;