html

<div <a href=”#”>

<img src=”img01.jpg”>

<img src=”img02.jpg”>

</a>

</div>

css

img{border:none;}

.pic{position:relative;top:10px;left:10px}

.pic a .large{position:absolute;height:0;width:0;}

.pic a:hover{display:block;}

.pic a:hover .large{border:#000 1px solid;position:absolute;width:300px;height:233px;left:100px;}

總結

以上是生活随笔為你收集整理的css实现鼠标覆盖显示大图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。