平板电脑上Safari的Bootstrap：导航菜单位于标题下方

Question

美好的一天！

我开发了一个带有bootstrap的网站，在主浏览器/设备中运行良好。只有在带有Safari的苹果平板电脑上，我才注意到导航菜单对页面标题

的显示问题很烦人

我搜索过但无法找到适用于此特定情况的任何答案。有人可以帮忙吗？ 代码可以找到here。 非常感谢！

Answer 1

似乎是结构问题。你必须像这样修改你的html结构。

所以，你的HTML将如下：

<div class="col-md-10">
<div class="main-content">
<h1>INNSBRUCK: Tivoli: Tiroler Meisterschaften 27.6.-29.6.2014</h1>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#bericht">Bericht</a></li>
...........
</div>
</div>

并给出z-index如下：

.navbar-nav > li > .dropdown-menu { z-index:11; }
.main-content { position:relative; z-index:1; }