background-size設定背景圖片自適應 在ie8下失效的問題
阿新 • • 發佈：2019-02-06
遇到的問題是 ：有一個div ，div用綠色框體現。然後通過js控制框的大小，實現動態的改變div的大小。 （放大縮小視窗，div跟隨變大變小。）
設定了div的css屬性 background-image：url(http://i1.piimg.com/1949/c777d079f3fb68ec.png); background-size：cover；
通過瀏覽器使用發現，div框會變，但是ie8（只用了chrome，ie8，chrome沒問題。）圖片不會根據框進行縮放。 百度查詢後發現是ie8不支援background-size：cover；要加上濾鏡（原理還不知）。
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i1.piimg.com/1949/c777d079f3fb68ec.png',sizingMethod='scale');其中src,url ,需要絕對路徑。我使用本地的路徑都是提示找不到。可能是瀏覽器安全原因。網址就沒問題了。 百度下，上傳圖片，然後獲得一個連線，再在專案中使用即可。
還是要想想如何使用本地路徑 chrome ，ie 都可以訪問。