CSS3 新增的 background-size 是一個很有用的屬性，用于定義背景圖片的尺寸，有了這個屬性，你就可以任意指定背景圖片的大小。其中最常用的值應該要數 cover 了，該值能讓背景圖片縮放至填滿整個容器，即使是圖片面積小于容器面積。

由于 background-size 是 CSS3 新增的屬性，所以 IE 低版本自然就不支持了，但是老外寫了一個 htc 文件，名叫 background-size polyfill，使用該文件能夠讓 IE7、IE8 支持 background-size 屬性。其原理是創建一個?img?元素插入到容器中，并重新計算寬度、高度、left、top?等值，模擬 background-size?的效果。

以下是網上解決IE8的兼容方案:

>>filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale');
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale')";

但問題是只能background-size:100%，不能直接指定任意大小background-size
js插件完美兼容IE6-IE8:?background_size_emu.JS

DEMO在線演示

用法：

在元素標簽上寫行內樣式，一個背景圖片，一個是background-size.即可實現想要的效果


?

轉載請注明：前端錄?Background-size完美兼容IE

<script src="http://www.wozhuye.com/index.php?m=digg&c=index&a=init&id=16-323-2"></script>

總結

以上是生活随笔為你收集整理的Background-size完美兼容IE的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。