- 2/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!
用纯CSS代码实现一幅图片的半透明效果,你可以运行一下代码看看效果怎么样?可以看到图片和文字都有半透明的效果,这里只是对图片进行控制,当改变图片透明度的时候,当然也就感觉文字的透明度也改变了,确实不错。
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>网页特效-用CSS控制透明图片</title> <style> #top{position:absolute;} #top a img{-moz-opacity:0.5; filter:alpha(opacity=50);border:0px;} #top a:hover{font-size:9px;} #top a:hover img{-moz-opacity:0.5; filter:alpha(opacity=80);cursor:hand;} </style> </head> <body> <div> <div id="top"><a href="#" target="_blank"><img src="http://p1.mb5u.com/texiao/1/20110225160437105.gif" /></a></div> 看这里,是不是文字和图片半透明?</div> </body> </html>