码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标悬浮于文字上,出现图片

时间:2014-05-17 21:55:24      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:style   class   c   ext   color   a   

<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:-30px;left:60px;}
p{margin-top:200px}
-->
</style>
<p><a class="thumbnail" href="#">文字<span><img src="图片链接" /></span></a></p>

鼠标悬浮于文字上,出现图片,布布扣,bubuko.com

鼠标悬浮于文字上,出现图片

标签:style   class   c   ext   color   a   

原文地址:http://www.cnblogs.com/thebigdipper/p/3732749.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!