[转自:http://hi.baidu.com/paulau/blog/item/32139d90648f6884a977a4cd.html]
opacity
是CSS 3里的一个属性,用来设定元素的透明度。当然现在还只有少部分浏览器支持。
不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari:
- IE:
filter:alpha(opacity)
- Mozilla:
-moz-opacity
- Safari:
-khtml-opacity
很不幸的是,你没看见Opera,老版本的Opera并没有什么私有属性可以代替opacity
。(新版Opera已经支持opacity
)
所以以前用CSS设定一个元素半透明的话,可能会这样写:
.opacity{
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* 老版Mozilla */
-khtml-opacity:0.5; /* 老版Safari */
opacity: 0.5; /* 支持opacity的浏览器*/
}
用javascript来设定一个元素为半透明:
object.filter = "alpha(opacity=" + opacity + ")"; /* IE */
object.MozOpacity = (opacity / 100); /* 老版Mozilla */
object.KhtmlOpacity = (opacity / 100); /* 老版Safari */
object.opacity = (opacity / 100); /* 支持opacity的浏览器*/
posted on 2009-06-29 16:03
kelven 阅读(359)
评论(0) 编辑 收藏 所属分类:
HTML