Z-Index Verhindern Klicken auf Navbar-Link

Question

Kann der Z-Index oder die Positionierung eines Elements verhindern, dass ein Benutzer auf eine Navigationsleiste klickt?

Auf meiner Website http://www.tsawebmaster1.hhstsa.com/live-tour/live-tour.html kann ich aus irgendeinem Grund nicht auf einen der Links in der Navigationsleiste klicken. Ist das die Ursache für den Z-Index oder die Positionierung? Wie kann ich dieses Problem beheben und wie können Benutzer dieses Problem im Allgemeinen vermeiden?

Answer 1

Ihr Problem bezieht sich nicht auf den Z-Index. Lass das in Ruhe. Ihr Problem liegt darin, dass Sie das Element <header> missbrauchen. Es wird empfohlen, eine <header> in einem HTML5-Dokument zu verwenden, obwohl Sie immer noch mehr als eines tun können. Aber in Ihrem Fall haben Sie Ihren Header formatiert und es gilt sowohl für das Nav und das Intro.

Ersetzen Sie das Intro in einem div anstelle eines Kopf wie folgt aus:

<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> 

Und voila! Sie haben Ihre Navigationsfunktion zurück

Answer 2

Der Z-Index der Navigationsleiste sollte einen höheren Wert als der Rest der Seite haben.