Home/ Questions/Q 7719709
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T03:29:01+00:00

so I have a div which will include an image http://www.reversl.net/hovers/ and I’d like

  • 0

so I have a div which will include an image http://www.reversl.net/hovers/ and I’d like for the image to reveal two links when hovered like in layout shown here http://www.reversl.net/demo/ Is it possible to achieve this using only css?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Another way you could do it with display:none/block

    div.container { width: 200px; height: 200px; position: relative; }
div.container img { width: 100%; height: 100%; position: absolute; top: 0; }
div.container div { width: 100%; position: absolute; top: 0; display: none; }
div.container img:hover + div { display: block; }
div.container div:hover { display: block; }

<div class="container">
<img src="an_img.jpg">
<div> <a href="a link">A link should be here</a> </div>
</div>
    • 0