Opacity多瀏覽器透明度相容處理

用來設定元素透明度的 Opacity 是CSS 3裡的一個屬性。當然現在還只有少部分瀏覽器支援。

不過各個瀏覽器都有自己的私人屬性來支援,其中包括老版本的Mozilla和Safari：

IE: filter:alpha(opacity)
Mozilla: -moz-opacity
Safari: -khtml-opacity
很不幸的是，你沒看見Opera，老版本的Opera並沒有什麼私人屬性可以代替opacity。（新版Opera已經支援opacity）

所以以前用CSS設定一個元素半透明的話，可能會這樣寫:

 

1 .opacity{
2  filter:alpha(opacity=50);       /* IE */
3  -moz-opacity:0.5;              /* 老版Mozilla */
4  -khtml-opacity:0.5;              /* 老版Safari */
5  opacity: 0.5;           /* 支援opacity的瀏覽器*/
6 }

  

用javascript來設定一個元素為半透明:

1.object.filter = "alpha(opacity=" + opacity + ")";  /**//* IE */
2.object.MozOpacity = (opacity / 100);    /**//* 老版Mozilla */
3object.KhtmlOpacity = (opacity / 100);    /**//* 老版Safari */
4object.opacity = (opacity / 100);    /**//* 支援opacity的瀏覽器*/
5

 

效果如：

 

轉至：http://www.cnblogs.com/netwenchao/archive/2009/07/16/1525077.html