2007-02-01

瀏覽器支援Alpha透明度的Css設定

要如何設定網頁中物件的透明度,又讓眾家瀏覽器都能閱讀,可利用下列的設定方式
.test{
filter:alpha(Opacity=70, Style=0);/*for ie*/
-moz-opacity:0.5;/* Moz + FF */
opacity: 0.5;/* CSS3的標準語法,FOR支援CSS3的瀏覽器(FF 1.5)*/
}

filter:alpha(opacity)是屬於IE的私有屬性,-moz-opacity是屬於Mozilla跟FireFox的私有屬性,opacity則是標準的CSS規則,部分Moz Family也支援CSS3。後面的數值以百分比為單位,三種都設定可以確保透明的效果在以上的瀏覽器裡正確執行。

至於Mac上的Opera並不支援透明度屬性的設定,可是他支援png圖檔,所以可以利用png半透明圖檔設定為背景,也可以達到半透明背景的效果。

沒有留言: