解決IE8下opacity屬性失效問題

由于opacity屬性存在兼容性問題,所以在IE8下,用opacity來設置元素的透明度,會失效,從而導致頁面的樣式問題。
在IE8及其更早的瀏覽器下,我們可以使用filter屬性,來代替opacity屬性,從而達到IE8下設置元素透明度目的。
例如,需要將div的透明度設置為80%,相應的寫法應該為:

    div{
        opacity:0.8;
        filter:Alpha(opacity=80);
        }

注意:

opacity和filter屬性必須同時存在才能保證在所有瀏覽器下你的透明度效果都會生效。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,815評論 1 92
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么? ...
    Simon_s閱讀 2,228評論 0 8
  • 學習CSS的最佳網站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,101評論 0 1
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,627評論 32 459
  • 哎呀,嗓子好干啊! 恩?媽媽在動了,媽媽要起來了嗎?讓媽媽幫我拿下水杯吧! “媽媽,媽媽,我要喝水!” ...
    秋水若寒閱讀 278評論 0 1