直接调节html元素透明度,设置html元素的透明度

w3c标准属性是opacity,firefox支持，但IE却不支持该属性。

在FF3.5++，safari4，opera10，chrome4中测试都支持opacity。如设置div的透明度为40%：

>

set div opacity

.wrapper {

border:solid 1px gray;

opacity:0.4;

}

-->

border:solid 1px gray;

opacity:0.4;

}

set div opacity

注意：firefox3.5以下版本使用-moz-opacity属性。

IE下复杂些：

1、IE4-IE7使用filter: alpha(opacity=xx)，但要同时使该元素拥有hasLayout

>

set div opacity

.wrapper {

border:solid 1px gray;

background-color:green;

filter: alpha(opacity=10);

zoom:1;/* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */

}

-->

border:solid 1px gray;

background-color:green;

filter: alpha(opacity=10);

zoom:1;/* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */

}

set div opacity

2、IE8下也可以用上面的filter: alpha(opacity=10)，且不用设置zoom使元素拥有layout。同时IE8可以使用-ms-filter属性。如

-ms-filter: "alpha(opacity=10)"; /* IE 8 */

PS : IE9 beta已经支持opacity属性(2010-7-14)