javascript - 单击槽可见性：隐藏元素(Clicking trough a visibility:hidden element)

Question

I made a div with 2 elements inside: an image and an another div (about).

(我做了一个div，里面有2个元素：一个图像和另一个div（大约）。)

The image is hiding the about div.

(该图像隐藏了约div。)

Is that possible to make elements which are in the about div clickable when the image disappear with a hover property ?

(当图像具有悬停属性消失时，是否可以使about div中的元素可单击？)

Thanks in advance !

(提前致谢 ！)

Also, here's my code but the elements aren't clickable

(另外，这是我的代码，但是元素不可点击)

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

  ask by TheRevenge translate from so