Menüpunkte nicht anklickbar

Question

Ich habe Menü div in Cover div und wenn ich versuche es zu klicken kann ich nicht. Ich habe es auch mit Z-Index versucht: -1 für Cover und nichts passiert. Wenn ich etwas aus dem Cover div ziehe, kann ich darauf klicken.

#cover { 
    position:relative; 
    margin:auto; 
    width:100%; 
    height:800px; 
    z-index: -1; 
    background-image: url('pozadinaa.png'); 
    background-size: cover; 
} 

#meni { 
    position:absolute; 
    width: auto; 
    font-size:50px; 
    cursor:pointer; 
    color:white; 
    right:4%; 
    top:5%; 
} 

Answer 1

entfernen z-index (Sie dies für #cover einstellen, so #menu auch davon betroffen).

#cover { 
 
    position: relative; 
 
    margin: auto; 
 
    width: 100%; 
 
    height: 200px; 
 
    background-image: url('pozadinaa.png'); 
 
    background-size: cover; 
 
} 
 
#cover.zindex { 
 
    z-index: -1; 
 
} 
 
#menu { 
 
    position: absolute; 
 
    width: auto; 
 
    font-size: 50px; 
 
    cursor: pointer; 
 
    color: white; 
 
    right: 4%; 
 
    top: 5%; 
 
}

<h1>Clickable</h1> 
 
<div id="cover">cover 
 
    <div id="menu"> 
 
    <a href="#">link1</a> 
 
    <a href="#">link2</a> 
 
    <a href="#">link3</a> 
 
    </div> 
 
</div> 
 
<h1>Not clickable (z-index = -1)</h1> 
 
<div id="cover" class="zindex">cover 
 
    <div id="menu"> 
 
    <a href="#">link1</a> 
 
    <a href="#">link2</a> 
 
    <a href="#">link3</a> 
 
    </div> 
 
</div>