使用CSS设置网页图片透明度
使用CSS制作网页透明图片,需要考虑到浏览器的兼容问题。
关于CSS Alpha透明的相关知识。先看如下代码:
.img_alpha
{
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的浏览器(FF 1.5也支持)*/
}
对于以上,每种浏览器都有自己的私有属性,如下:
- filter:alpha(opacity) IE使用私有属性
- -moz-opacity Moz Family使用私有属性
- 标准的属性是opacity CSS 3, Moz Family部分支持CSS3
后面的数值是透明度,使用百分比或者小树(alpha(opacity))使用大于0小于100的数值,其实也是百分比)。
参考:http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/08/06/1793715.html
浙公网安备 33010602011771号