CSS实现图片半透明代码
2011-12-26 11:49
405 查看
代码简介:
用纯CSS代码实现一幅图片的半透明效果,你可以运行一下代码看看效果怎么样?可以看到图片和文字都有半透明的效果,这里只是对图片进行控制,当改变图片透明度的时候,当然也就感觉文字的透明度也改变了,确实不错。
代码内容:
View Code
代码来自:http://www.webdm.cn/webcode/104bc8da-541e-48bf-80b3-00b360fbd790.html
用纯CSS代码实现一幅图片的半透明效果,你可以运行一下代码看看效果怎么样?可以看到图片和文字都有半透明的效果,这里只是对图片进行控制,当改变图片透明度的时候,当然也就感觉文字的透明度也改变了,确实不错。
代码内容:
View Code
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>CSS实现图片半透明代码 - www.webdm.cn</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://www.webdm.cn/themes/pic/webdm_logo.gif" /></a></div> 看这里,是不是文字和图片半透明?</div> </body> </html> <br /> <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码! </p>
代码来自:http://www.webdm.cn/webcode/104bc8da-541e-48bf-80b3-00b360fbd790.html
相关文章推荐
- select下拉选择框美化实现代码(js+css+图片)
- 用JS+CSS实现多种图片漂亮效果的代码
- 纯CSS实现的当鼠标移上图片添加阴影效果代码
- 不用背景图片,只用css代码实现面包屑样式
- 实现图片大小的自动控制( 图片大小控制CSS代码)
- 两行 CSS 代码实现图片任意颜色赋色技术
- 使用PHP下载CSS文件中的所有图片【几行代码即可实现】
- CSS实现自适应的图片背景边框代码
- 两行 CSS 代码实现图片任意颜色赋色技术
- JS+CSS实现4张图片滚动切换代码
- 用CSS实现图片水印效果代码
- +【CSS3】使用纯css代码实现图片轮播效果
- 两行 CSS 代码实现图片任意颜色赋色技术
- 用php实现的下载css文件中的图片的代码
- css实现图片半透明效果
- 用CSS实现图片特效代码
- js+CSS 图片等比缩小并垂直居中实现代码
- 纯CSS实现的漂亮的立体图片边框效果,阴影代码
- jQuery+css实现的切换图片功能代码