For the site you need to hover on the button superimposed on her picture, as in the screenshot. I decided to do it in such a way - to put a picture on the button and hide it when hovering. But something went wrong.

.man img { position: absolute; display: none; bottom: 4px; left: 0px; z-index: 1; } .man img:hover { display: block; }

I tried to give the class a picture to perform the same actions, but the same result.

enter image description here

1 answer 1

 .man img { position: absolute; display: none; bottom: 4px; left: 0px; z-index: 1; } .man:hover img { display: block; }

In your case, you :hover hung on a picture that is not visible. accordingly, it is impossible to hover the mouse input device on it

  • Really, and if the picture in a div is placed and carried out the same manipulations? - Venya
  • No, with the div also does not come out .. - Venia