鼠标移动上去，自动放大二维码特效css
<style type="text/css"><!--
.thumbnail{ position:relative; z-index:0; }
.thumbnail:hover{ background-color:transparent; z-index:50; }
.thumbnail span{ position:absolute; background-color:#FFFFE0; left:-1000px;border:1px dashed gray; visibility:hidden; color:#000; text-decoration:none; padding:5px; }
.thumbnail span img{ border-width:0; padding:2px; }
.thumbnail:hover span{ visibility:visible; top:10px; left:50px; }
p{ margin-top:200px; }
-->
</style>
<a class="thumbnail" href="#">
<img src="http://att.itzmx.com/data/attachment/forum/201605/20/002212u9jjo9tvuoe89pt9.png" width="50" height="50"><br>
<span><img src="http://att.itzmx.com/data/attachment/forum/201605/20/002212u9jjo9tvuoe89pt9.png" width="250" height="250"></span></a>
无需JS，是个不错的思路，收藏了！
正好制作CHM文件的时候，可以用来耍耍！
页:
[1]