鼠标经过图片时显示半透明文字，边框变色
来源：互联网 发布：linux测试环境怎么搭建 编辑：程序博客网 时间：2024/05/21 23:49
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标经过图片时出现半透明文字</title>
<style type="text/css">
body{background:#333}
img{border:none}
.wrap{margin:10px;position:relative;}
.photo a{position:absolute;display:block;border:1px solid #999;padding:2px}
.photo a:hover{border:1px solid #fff;text-decoration:none}
.photo a span {display:none;cursor:hand;text-align:center;font:bold 12px/30px Verdana, Arial;}
.photo a:hover span{width:500px;margin:0 2px;background:#000;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
</style>
</head>
<body>
<div class="wrap">
<div class="photo"><a href="#">
<img src="http://www.codefans.net/jscss/demoimg/wall5.jpg" border="0" alt=""/><span>英国巨石阵，一直以来都是一个谜，现在它是一处著名的旅游景点。</span></a></div>
</div>
</body>
</html>
- 鼠标经过图片时显示半透明文字，边框变色
- 鼠标经过图片时显示半透明文字，边框变色
- 鼠标经过图片时显示半透明文字.net
- css 鼠标经过文字变色
- CSS鼠标经过文字显示图片效果
- 鼠标经过隐藏图片显示文字
- 鼠标经过渐变显示文字，隐藏图片
- 鼠标经过显示文字
- JS+CSS鼠标经过文字变色
- 鼠标经过显示图片
- DIV CSS鼠标经过悬停在图片上时图片上方显示文字
- DIV CSS鼠标经过悬停在图片上时图片上方显示文字
- 鼠标经过时，表格变色
- .net鼠标经过时变色
- GridView鼠标经过时变色
- js鼠标经过文字显示图片预览，jquery效果
- CSS实现鼠标悬停图片时的边框变色效果
- 鼠标经过显示不同图片
- 图片浏览
- ACM学习建议
- 科技60年之业界
- CSS强制等比例缩小图片
- 小小经验总结
- 鼠标经过图片时显示半透明文字，边框变色
- JavaScript图片特效
- SQL注入的学习以及应对办法
- 移动的广告 绑定数据库
- JavaScript打印和预览等
- ibatis动态SQL与非动态条件相结合，在参数均不符条件时报错的解决办法！
- QQ网支持火狐的图片切换效果
- VC数据类型
- 天极网的JS卡通图片切换
