[HTML] HTML+CSS 鼠标放在文字上弹出一幅图片

升级 100%

5280 主题	5718 帖子	15万积分

李海18298346873

Rank: 9 Rank: 9 Rank: 9

欢迎大家加入菜鸟站长联盟VIP会员 ☞ 点击查看详情

我是菜鸟站长联盟草根站长李海微信：18298346873

致力于为企业提供优秀的网站建设解决方案，建站服务、网站优化、网站运营、网站托管、网站推广！

致力于为个人提供优秀的网站建设培训课程，建站服务、网站优化、网站运营、域名空间、插件模板！

—————————————————————————————————————————————————

扫码加微信

您需要登录才可以下载或查看，没有帐号？立即注册

x

<html>
<body>
<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:280px;}
p{margin-top:200px}
-->
</style>
<a class="thumbnail" href="#">
<---- 想看美女吗？请点击这里哟----><br>
<span><img src=" http://img2.zol.com.cn/product/28_600x2000/125/ces0Z5nrfLemc.gif ">
</span></a>
</body>
</html>