Z-Index Navbarリンクをクリックしないようにする

Question

要素のZ-インデックスまたは位置は、ユーザーがNavbarリンクをクリックできないようにすることはできますか？

私のサイトでは、http://www.tsawebmaster1.hhstsa.com/live-tour/live-tour.html、何らかの理由で、navbarのリンクをクリックできません。これがZインデックスまたはポジショニングの原因ですか？この問題を軽減するにはどうすればよいのですか？

Answer 1

問題はZ-インデックスに関連していません。それだけで残しなさい。あなたの問題は<header>要素を悪用しています。 HTML5文書では<header>を使用することをお勧めしますが、HTML5文書で複数の操作を実行することはできます。しかし、あなたのケースでは、あなたのヘッダーはスタイリングされており、それはnavとイントロの両方に適用されます。

代わりに、このようなヘッダーの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インデックスは、ページの残りの部分よりも高い値にする必要があります。