鼠标移动上去，自动放大二维码特效css

小樱

1. <style type="text/css">
   
2. <!--
   
3. .thumbnail{ position:relative; z-index:0; }
   
4. .thumbnail:hover{ background-color:transparent; z-index:50; }
   
5. .thumbnail span{ position:absolute; background-color:#FFFFE0; left:-1000px;border:1px dashed gray; visibility:hidden; color:#000; text-decoration:none; padding:5px; }
   
6. .thumbnail span img{ border-width:0; padding:2px; }
   
7. .thumbnail:hover span{ visibility:visible; top:10px; left:50px; }
   
8. p{ margin-top:200px; }
   
9. -->
   
10. </style>
    
11. <a class="thumbnail" href="#">
    
12. <img src="http://att.itzmx.com/data/attachment/forum/201605/20/002212u9jjo9tvuoe89pt9.png" width="50" height="50"><br>
    
13. <span><img src="http://att.itzmx.com/data/attachment/forum/201605/20/002212u9jjo9tvuoe89pt9.png" width="250" height="250"></span></a>

复制代码

nnezyj

无需JS，是个不错的思路，收藏了！
正好制作CHM文件的时候，可以用来耍耍！