Twitter Bootstrap 导航栏下拉菜单位于滑块图像下方答案

【问题标题】：Twitter Bootstrap navbar dropdown goes under slider imageTwitter Bootstrap 导航栏下拉菜单位于滑块图像下方
【发布时间】：2014-03-29 12:40:40
【问题描述】：

我有一个使用 Twitter Bootstrap 3.1.1 构建的导航栏。在 iPhone 或 iPad 上，下拉菜单隐藏在滑块图像后面。它具有绝对位置和 1000 的 z-index。

在桌面上运行良好时，它会覆盖滑块图像。

如果你去http://sitegeregeld.nl/。您会看到下拉菜单消失在 iPad 和 iPhone 主页上的滑块后面。我没有看到解决方案。

出了什么问题？

【问题讨论】：

【解决方案1】：

我遇到了同样的问题（只是隐藏在 ipad 上的内容后面），这解决了它：

.navbar {
  position: static;
}
.navbar .nav > li {
  z-index: 1001;
}

我正在使用具有自己的 css 样式表的 bootstrap/wordpress 框架，该样式表将导航栏设置为 position: relative。

【讨论】：