Opacity多瀏覽器透明度兼容處理
2016-07-05
用來設定元素透明度的 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的瀏覽器*/
}
- 上一篇：一個貌似小白的HTML代碼問題
- 下一篇：textarea多行文本框高度自適應
