菜单项不可点击

debugcn 发表于 Dev

德拉甘·佩里奇（Dragan Peric）

我在封面div内有菜单div，当我尝试单击它时我无法。我也尝试使用z-index：-1进行覆盖，但没有任何反应。当我将某些东西从div封面中放出来时，我可以单击它。

#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%;
}

最大限度

删除z-index（您为此设置了#cover，因此#menu也会受到此影响）。

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。