css 图片透明度设置教程

opacity设置透明度

在图片的属性中加上 opactiy

例子

代码如下	复制代码
img { opacity:0.4; filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */ }

其实只要这样就OK了，如果不针对IE甚至只要第一行，关键在于——啥，透明度的单词怎么拼，仅此而已。

但上面只能用ie浏览器，后来找到一个兼容性比较强的

代码如下	复制代码
{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

opacity是最重要的，因为它是CSS透明的标准属性，取值范围在0-1之间，目前支持的浏览器有：Firefox、Chrome、Opera、Safari。（也就是说，除了IE，它支持所有主流浏览器）；filter:alpha(opacity=50);是专门给IE设定的属性，取值的范围在0-100之间；-moz-opacity是为了兼容一些老版本的Mozilla浏览器，取值范围在0-1之间；-khtml-opacity是为了兼容一些老版本的Safari浏览器，取值范围在0-1之间