background:#00ff00 url(img.jpg) no-repeat;   
-moz-background-size:60% 80%;    
-webkit-background-size:60% 80%;     
-o-background-size:60% 80%;} 
background-size:60% 80%;     

background-image: url('file:///F:/test/images/flashbg.jpg'); 
background-size: 
cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='file:///F:/test/images/flashbg.jpg',sizingMethod='scale'); 

满心欢喜地写代码，最后测试兼容性的时候发现Logo图片在IE8下特别大。明显是background-size在ie8一下不兼容。

　　我懂得，IE8还是个孩子，我就加几句你独有的代码让你兼容吧，司空见惯了：

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png',  sizingMethod='scale');

　　然后发现logo变得十分华丽（奥义·双重logo）：

　　明显是ie8两种background属性设置都同时支持，把一个图片加载了两次。以前没有发现，是因为以前的图片并不透明，兼容语句引入的图片完美覆盖原来的图片，所以没有发现问题。现在的logo图片背景图片是透明的，所以叠一起了。

　　因此我们引用另外一种方法，引入火腿肠文件（.htc）来进行hack，强行让ie8支持background-size属性。简单来说，就是引入js文件来对图片大小进行配置。

　　使用的htc文件的background-size-polyfill项目git地址：https://github.com/louisremi/background-size-polyfill/blob/gh-pages/backgroundsize.min.htc

　　然后在css文件里面引用语句，注意url是相对于引用css文件的html的路径：

        /*IE8 图片透明不可用filter*/
        -ms-behavior: url(../htc/backgroundsize.min.htc);
        behavior:url(../htc/backgroundsize.min.htc);

　　破费解决！小僵尸你学到了吗！

由于 background-size 是 CSS3 新增的属性，所以 IE 低版本自然就不支持了，但是老外写了一个 htc 文件，名叫 background-size polyfill，使用该文件能够让 IE7、IE8 支持 background-size 属性。其原理是创建一个 img 元素插入到容器中，并重新计算宽度、高度、left、top 等值，模拟 background-size 的效果。

使用方法

直接在样式中写入即可，如：

body {
    height: 100%;
    margin: 0;
    background: url(images/126.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}

局限性

background-size polyfill 虽然可以模拟 background-size 属性，但并不能完全模拟，毕竟 background 方式和 img 方式还是有区别的，主要的支持情况如下：

支持

• 背景图像的正确位置和大小
• 浏览器缩放时及时更新
• 更新图片（替换等）时及时更新

不支持

• 多个背景（多重背景）
• 4 个值的 background-position
• 背景重复
• 非默认值的 background-[clip/origin/attachment/scroll]

由于 background-size polyfill 需要进过复杂的计算，所以可能会出现图片“一闪”的情况。并且 .htc 文件还不能跨域，使用 CDN 的需要注意。

虽然 background-size polyfill 有一定的局限性，但总比没有好，在某些情况下还是一个很好的选择。