1. 程式人生 > >解決IE8下opacity屬性失效問題,無法隱藏元素 解決IE8下opacity屬性失效問題

解決IE8下opacity屬性失效問題,無法隱藏元素 解決IE8下opacity屬性失效問題

解決IE8下opacity屬性失效問題

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

作者:肖生克的九叔_
連結:https://www.jianshu.com/p/74b68774c3a9
來源:簡書
著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。
   div{
        opacity:0.8;
        filter:Alpha(opacity=80);
        }

注意:

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

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

作者:肖生克的九叔_
連結:https://www.jianshu.com/p/74b68774c3a9
來源:簡書
著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。
   div{
        opacity:0.8;
        filter:Alpha(opacity=80);
        }

注意:

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