CSS 之 Opacity多瀏覽器透明度兼容處理


 

用來設定元素透明度的 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的瀏覽器*/

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM