background-size在IE8不兼容问题
生活随笔
收集整理的這篇文章主要介紹了
background-size在IE8不兼容问题
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
background-size在IE8及以下瀏覽器不兼容;要解決的話要用濾鏡:
filter:?progid:?DXImageTransform.Microsoft.AlphaImageLoader(?src='',?sizingMethod='scale');?
注意:此處src的路徑必須是絕對路徑,相對路徑不可以!
當寫完這些后會發(fā)現(xiàn)又出現(xiàn)個新問題:頁面中的背景是雙重的,查看元素發(fā)現(xiàn),background和濾鏡同時都起了作用,于是出現(xiàn)了雙背景。background屬性與filter不可以在一起出現(xiàn),否則頁面中會出現(xiàn)雙重背景。
解決辦法:利用IE8的專有hack:\9;將background設(shè)置為none;完整代碼即:
{background:none\9;filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale'); }
?
轉(zhuǎn)載于:https://www.cnblogs.com/nxl0908/p/7479699.html
總結(jié)
以上是生活随笔為你收集整理的background-size在IE8不兼容问题的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Angular15 利用ng2-file
- 下一篇: c1