隐藏在网格内容后面的引导导航栏下拉菜单[重复]

Question

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

发生了什么：我在导航栏上的下拉菜单被隐藏在图像后面，但仅当图像位于 Bootstrap 网格中时。如果我删除网格并仅使用 div 行元素，则下拉菜单会出现在图像上。我发现的所有修复都是使用 z-index，我尝试过，但由于某种原因，放置导航栏的 z-index、下拉列表、li 元素并没有解决这个问题。

这是指向有问题的 HTML 的链接：http://ratchetmedia.com/bootstrap/ 将鼠标悬停在导航栏上的“Something2”上以查看下拉菜单。对我来说，在 IE 和 Chrome 中测试并存在问题。

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

感谢您的宝贵时间，非常感谢您的任何意见！

Answer 1

您必须在.headercontainer 上设置一个位置，z-index 才能工作。只需将这些规则添加到类中即可。

position: relative;
z-index: 1;