Twitter Bootstrap導航欄摺疊重疊導航欄標題

我有一個twitter的問題Bootstrap導航欄摺疊重疊導航欄標題標誌'阿爾法'，並防止鏈接是可點擊的。Twitter Bootstrap導航欄摺疊重疊導航欄標題

請參閱下圖：alpha具有href鏈接，但由於div.navbar-collapse重疊而無法點擊。這裏的鏈接到直播網站：http://alchuang.com/indexnav.html

Note alpha is not clickable

<div class="navbar navbar-default nav-show" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <i class="fa fa-bars fa-lg"></i> 
     <i class="fa fa-times fa-lg" style="display:none;"></i> 
     </button> 
     <a class="navbar-brand" href="#viewer"><span class="logo">α</span></a> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#about">About</a></li> 
     <li><a href="#works">Works</a></li> 
     <li><a href="#manifesto">Manifesto</a></li> 
     </ul> 
    </div><!--/.nav-collapse --> 
    </div> 
</div>

什麼似乎是這裏的問題？

來源

2014-09-13 alchuang

你的問題不清楚，你應該在你的問題中包括相關的代碼。 – Dan 2014-09-13 17:03:57

@丹我澄清了我的問題。謝謝 – alchuang 2014-09-13 17:13:37

看來，你的.navbar兩個因素導致該問題：

-webkit-perspective:1000和-webkit-backface-visibility: hidden

這些都是與網頁上的對象的3D轉換元素 - 和不知何故，他們被扭曲的可點擊區域在你的標誌上。

這些樣式看起來並未在導航欄中使用，並且從.navbar類中刪除它們將解決此問題。

來源

2014-09-13 17:29:29 Dan

嘿，我也打算說，要刪除'.navbar * \ webkit-perspective：1000; -webkit-backface-visibility：hidden; }這個。那個時候，我看到了一個新的答案。 – Ravimallya 2014-09-13 17:34:25

@Ravimallya是的 - 奇怪的問題。那些必須從OP所使用的任何模板繼承。 – Dan 2014-09-13 17:35:33

我仍然不確定爲什麼OP使用那種風格... – Ravimallya 2014-09-13 17:38:35

Twitter Bootstrap導航欄摺疊重疊導航欄標題

回答

相關問題