您好,歡迎來到衡水營麗網絡! 24小時服務熱線:138-3180-2765
您當前位置:衡水營麗文化傳媒有限公司 >> 最新資訊 >> 建站常識 >> 瀏覽文章

CSS透明度兼容性解決方法

時間:2014年06月22日     信息來源:本站原創     點擊:
瀏覽器的兼容性一直是web開發人員比較頭痛的地方之一,眾多的瀏覽器讓我們有時無所適從。尤其是IE系列和其他的瀏覽器總是不兼容,我們通常要為IE6,7書寫單獨的CSS文件,甚至導致了CSS Hack 這一技術的流行。

下面我來談談,對于一些流行的CSS效果的跨瀏覽器解決方案。

很多程序員都很奇怪,為什么IE就是就是不支持 opacity 這個屬性呢?這個問題已經存在很長很長時間了,其實 opacity 是 CSS3 的屬性,雖然IE不提供支持,但是IE可以通過專用的過濾器屬性提供類似的透明度設置。

是不是很奇怪,為什么 IE 就是和別人不一樣呢?


Css代碼

#myopacity {
   
    opacity: .4;
   
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
   
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
}

實際上你只需要使用第二行,就支持所有的 IE 版本了,不過在某些場合,如果只需要給 IE8 設置透明度的話,而 IE6,7 則不需要,這種情況下,請使用第三行就好了。

在 IE 中透明度的值是 0-100 之間的整數,而在其他瀏覽器中則為 0-1 之間的小數。

問題點

* filter 和 -ms-filter 都是 IE 專有的 CSS 屬性,它們通過不了W3C的驗證的。

* 在IE中一旦設置了透明度屬性,所有的子節點都會繼承此透明度。

更多精彩請瀏覽衡水網站建設公司。

辽宁十一选五奖金