平板電腦上Safari瀏覽器的導航：導航菜單下的標題

Question

美好的一天！

我開發了一個引導程序的網站，並在主要瀏覽器/設備上正常工作。只有在使用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; }