[轉自: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 閱讀(367)
評論(0) 編輯 收藏 所屬分類:
HTML