要素のZ-インデックスまたは位置は、ユーザーがNavbarリンクをクリックできないようにすることはできますか?Z-Index Navbarリンクをクリックしないようにする
私のサイトでは、http://www.tsawebmaster1.hhstsa.com/live-tour/live-tour.html、何らかの理由で、navbarのリンクをクリックできません。これがZインデックスまたはポジショニングの原因ですか?この問題を軽減するにはどうすればよいのですか?
要素のZ-インデックスまたは位置は、ユーザーがNavbarリンクをクリックできないようにすることはできますか?Z-Index Navbarリンクをクリックしないようにする
私のサイトでは、http://www.tsawebmaster1.hhstsa.com/live-tour/live-tour.html、何らかの理由で、navbarのリンクをクリックできません。これがZインデックスまたはポジショニングの原因ですか?この問題を軽減するにはどうすればよいのですか?
問題は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>
出来上がりを!あなたのナビゲーション機能が戻る
ナビゲーションバーのZインデックスは、ページの残りの部分よりも高い値にする必要があります。
ありがとうございました! –