css设置图片透明度

时间：2014-11-3类别：Web前端

css设置图片透明度

IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。

IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小，越透明。

兼容性比较强的设置图片透明度的方法

{

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity:0.5;

opacity: 0.5;

}

上面这段CSS说明

1、opacity是最重要的，因为它是CSS透明的标准属性，取值范围在0-1之间，目前支持的浏览器有：IE9及以上、Firefox、Chrome、Opera、Safari。（也就是说，除了IE9以下，它支持所有主流浏览器）；

2、filter:alpha(opacity=50);是专门给IE9以下设定的属性，取值的范围在0-100之间；

3、-moz-opacity是为了兼容一些老版本的Mozilla浏览器，取值范围在0-1之间；

4、-khtml-opacity是为了兼容一些老版本的Safari浏览器，取值范围在0-1之间。

标签：