Z-Index防止點擊Navbar鏈接

Question

z-index或元素的位置能否阻止用戶點擊導航欄鏈接？

在我的網站http://www.tsawebmaster1.hhstsa.com/live-tour/live-tour.html，出於某種原因，我無法點擊導航欄中的任何鏈接。這是Z指數還是定位的原因？我怎樣才能緩解這個問題？一般用戶如何避免這個問題？

Answer 1

您的問題與z-index無關。一個人留下。您的問題是濫用<header>元素。建議您在HTML5文檔中使用一個<header>，儘管您仍然可以使用多個文檔。但在你的情況下，你有你的標題風格，它適用於導航和介紹。

在一個div更換前奏，而不是像這樣的標題的：

<div class="intro"> 
    <div class="intro-body"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-md-8 col-md-offset-2"> 
        <h1 style="font-family: Montserrat,Helvetica,Arial,sans-serif;" class="brand-heading">Harriton TSA</h1> 
        <p class="intro-text" style="text-align:center;visibility:visible;">Take a virtual tour of our TSA Chapter and STEM program</p> 
        <a href="#" class="btn btn-circle page-scroll" style="text-decoration:none;"><div id="scroll" style="font-size:22px;text-align:center;">Scroll</div><i class="fa fa-angle-double-down animated"></i></a> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

瞧！你有你的導航功能返回

Answer 2

導航欄的Z索引應該比頁面的其餘部分具有更高的值。