我已经查到了这个问题,其他帖子中提到的解决方案对我不起作用。
发生了什么:导航栏上的下拉列表隐藏在图像后面,但仅限于图像位于Bootstrap网格中。如果我删除网格并只使用div行元素,则下拉列表将显示在图像上方。我找到的所有修复程序都使用了z-index,我试过但由于某种原因放入导航栏的z-index,下拉列表,li元素并没有解决这个问题。
这是指向问题的HTML链接:http://ratchetmedia.com/bootstrap/ 将鼠标悬停在" Something2"在导航栏上查看下拉列表。 IE和Chrome中存在测试和问题。
在某些情况下我真的需要在导航栏下使用网格,否则我会以另一种方式完成工作。
感谢您的时间,非常感谢任何意见!
答案 0 :(得分:0)
您需要在.headercontainer
上设置z-index
的位置才能正常工作。只需将这些规则添加到课程中即可。
position: relative;
z-index: 1;