所以我有一个div,它将包含一个图像
http://www.reversl.net/hovers/,我希望图像能够显示两个链接,就像在这里显示的布局一样
http://www.reversl.net/demo/是否有可能仅使用css来实现这一点?
解决方法
另一种方法是使用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>