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

时间:2014-02-26 15:15:51

标签: css ipad twitter-bootstrap-3 z-index navbar

我使用Twitter Bootstrap 3.1.1进行导航栏构建。在iPhone或iPad上时,下拉菜单隐藏在滑块图像后面。它的绝对位置和z指数为1000。

当它在桌面上运行良好时,它会越过滑块图像。

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

出了什么问题?

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题(只隐藏在ipad上的内容后面),这解决了它:

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

我使用bootstrap / wordpress框架,它拥有自己的css样式表,将导航栏设置为position:relative。

在这里找到答案:z-index issue with twitter bootstrap dropdown menu