关注前端开发
HTML5、CSS3、Javascript

css实现鼠标覆盖显示大图

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实现鼠标覆盖显示大图

分享: