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

【问题标题】：A drop down menu box gets behind a Bootstrap navbar and input group下拉菜单框位于 Bootstrap 导航栏和输入组后面
【发布时间】：2014-08-15 17:16:22
【问题描述】：

我目前正在从事的项目存在一些定位问题。我正在尝试制作一个悬停下拉子菜单框，但它只是落在落后主导航栏和搜索表单（此外，如果我只是在我的 HTML 中的任何位置放置一个宽 div （只是为了实验），它仍然显示在提到的元素后面）。这真的很奇怪，因为我只是使用标准的 Bootstrap 3 库并且没有明确更改/覆盖任何东西。有没有人遇到过这个问题，有什么解决方案？不幸的是，由于我的个人资料声誉不佳，我无法在此处发布任何图片，因此您可以在下面找到带有实际屏幕截图的 Dropbox 链接。提前非常感谢！

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

【问题讨论】：

标签： html css twitter-bootstrap-3 position navbar

【解决方案1】：

这听起来像是 Z 索引的问题，这就是元素堆叠在一起的方式，就像一堆纸。

如果您添加了一个索引值但它不起作用，请检查该元素是否设置了一个类似 relative 的位置值，并检查是否有问题的元素没有像 9999 这样愚蠢的高 z-index。

有关更多信息，您可以通过以下链接阅读：

【讨论】：

感谢您的帮助！ CSS-Tricks 上提供的链接非常酷且很有帮助（经过这么多小时的搜索，我无法弄清楚我怎么会错过它们）。