javascript - 单击可见性 :hidden element

Question

我制作了一个包含 2 个元素的 div:一个图像和另一个 div(关于)。图像隐藏了关于 div。当图像以悬停属性消失时，是否可以使 about div 中的元素可点击？提前致谢!

此外，这是我的代码，但元素不可点击

#logo {
  opacity: 1;
  visibility: visible;
  margin-top: 12.5px;
  -webkit-transition: opacity 600ms, visibility 600ms;
  -o-transition: opacity 600ms, visibility 600ms;
  -moz-transition: opacity 600ms, visibility 600ms;
  transition: opacity 600ms, visibility 600ms;
}

.blue_border:hover #logo {
  opacity: 0;
  visibility: hidden;
}

.blue_border {
  width: 625px;
  height: 625px;
  background-image: url("./border.png");
  background-repeat: no-repeat;
  background-position: 50%;
}

#about {
  z-index: -1;
  position: relative;
  margin-top: -605px;
  width: 600px;
  height: 600px;
  border-radius: 100%;
  background-color: #25B8EE;
}

<div class="blue_border">
  <img id="logo" src="./logo.png" />
  <!-- Img is "on" the about div" -->
  <div id="about">
    <a href="#">I want to be clicked :-(</a>
  </div>
  <div class="la-ball-scale-multiple">
    <div></div>
    <div></div>
    <div></div>
  </div>
</div>

Answer 1

我不认为我完全理解它，但你不能在另一个元素下单击，但你可以使用 CSS display: none attr 或者你以虚假的方式执行此操作。您可以为此收听顶部元素并检查 javascript 上的其他条件。