关注前端开发
关注用户体验

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实现鼠标覆盖显示大图
分享到: 更多 (0)

themebetter 国内更好的WordPress主题服务商

立即前往