用来设定元素透明度的 Opacity 是CSS 3中的一个属性。虽然目前只有少数浏览器支持这种属性,但各大浏览器都为其提供了私有属性来实现类似的效果。
在IE浏览器中,可以使用 filter: alpha(opacity) 来实现;而Mozilla老版本则使用 -moz-opacity,Safari老版本则采用 -khtml-opacity。值得注意的是,Opera的老版本并没有对应的私有属性来代替 opacity,不过新版Opera已经完全支持 opacity 属性了。
如果需要在不同浏览器中统一设置元素的透明度,通常会采取以下方式:
1. opacity: 0.5; /* 支持 opacity 的浏览器 */
2. filter: alpha(opacity=50); /* IE */
3. -moz-opacity: 0.5; /* 老版Mozilla */
4. -khtml-opacity: 0.5; /* 老版Safari */
此外,通过JavaScript也可以动态设置元素的透明度。例如:
1. object.filter = "alpha(opacity=" + opacity + ")"; /* IE */
2. object.MozOpacity = opacity / 100; /* 老版Mozilla */
3. object.KhtmlOpacity = opacity / 100; /* 老版Safari */
4. object.opacity = opacity / 100; /* 支持 opacity 的浏览器 */