實現div的背景圖片在各個瀏覽器上自適應顯示:即backgroun-size屬性不支援低版本ie的解決方案
阿新 • • 發佈:2019-02-19
筆者在進行div下的背景圖片顯示時,發現一個問題:圖片在div中自適應 background-size:cover顯示時,使用backgroun-size屬性可以很好的在其它瀏覽器上顯示,但低於IE8的瀏覽器不支援!!比較鬱悶的搞了大半天,先把解決方案陳列如下:
低於IE8的瀏覽器的確不支援backgroun-size屬性,因此,筆者給出的解決方案如下:新增 IE濾鏡解決: cursor:Move;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src=' 圖片路徑',sizingMethod='scale');
但是,還會出現一個問題,其它的瀏覽器不支援濾鏡功能,怎麼辦呢,
筆者適用 background-image:url(圖片路徑);又在div中定義了一個背景圖片,其它瀏覽器可以很好的顯示圖片,但是:IE上突然出現了兩個圖片?
解決方案: 在div中新增背景去除,_background:none;一下解決了該問題!現在div的背景圖片在各個瀏覽器上自適應顯示。