CSS实现让文字半透明显示在图片上的方法
导读：本文实例讲述了CSS实现让文字半透明显示在图片上的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: ˂!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//...
本文实例讲述了CSS实现让文字半透明显示在图片上的方法。分享给大家供大家参考。具体实现方法如下：
文字显示在图片上
*{
border:none; text-decoration:none
}
.wrap{
margin:8px; position:relative
}
.photo a{
position:absolute; display:block;
border:1px solid #555555;
}
.photo a:hover{
border:1px solid #FFFFFF;
}
.photo span{
width:500px; background:#000; display:block;
position:absolute; bottom:0; left:0; color:#fff;
filter:alpha(opacity=50); -moz-opacity:0.6;
opacity:0.6; font:bold 12px/30px Verdana, Arial;
text-align:center; cursor:hand;
}
.photo a:hover span{
text-decoration:underline
}
脚本之家：http://www.jb51.net/
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： CSS实现让文字半透明显示在图片上的方法
本文地址： https://pptw.com/jishu/668037.html