I'm new with CSS, I'm tryin to display an image with some text below when you hover over certain position on the page (It's a board member description). The problem is, for some reason the image is not displaying, this is my code:
.foto-jb
{
visibility: hidden;
}
.jb :hover .foto-jb
{
visibility: visible;
opacity: 1;
}<div class="member1"><i class="name-person"></i><span class="jb">Name Person</span></div><div class="foto-jb"><img src="./images/photo.png"></div>