I'm trying to make an image disappear by hovering over div
but I have a problem: when I move the mouse the image disappears, but I can not click on the div link from behind.
Code:
<div class="col-md-8">
<div class="elemento-um">
<!-- LightWidget WIDGET -->
</div></div>
<div class="ico">
<a href='#'><img src='icon.png' /></a>
</div>
CSS:
.elemento-um {
background: rgba(0, 0, 0, 0);
margin-top: -127px;
height: 107px;
overflow: hidden;
}
.ico {
opacity: 1;
top: -140px;
transition: .5s ease;
z-index: 111;
position: absolute;
}
.ico a{
display: none;
visibility:visible;
}
.ico:hover a {
visibility: block;
}