让ie8以下支持background-size的方法

主要是contain/cover

1、通过滤镜的方法 

[css] view plain copy

print ?

1. body {  
2.     background: url() no-repeat center;  
3.     -webkit-background-size: cover;  
4.     -moz-background-size: cover;  
5.     -o-background-size: cover;  
6.     background-size: cover;  
7.     filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale');  
8.     -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale');  
9. }  

body {
    background: url() no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='', sizingMethod='scale');
}

2、通过htc文件（通过计算屏幕尺寸控制img标签尺寸，模拟background-size:cover;效果）

[css] view plain copy

print ?

1. you can use this file (https://github.com/louisremi/background-size-polyfill “background-size polyfill”) for IE8 that is really simple to use:  
2.   
3. .selector {  
4. background-size: cover;  
5. -ms-behavior: url(/backgroundsize.min.htc);  
6. }  

you can use this file (https://github.com/louisremi/background-size-polyfill “background-size polyfill”) for IE8 that is really simple to use:

.selector {
background-size: cover;
-ms-behavior: url(/backgroundsize.min.htc);
}

3、根据2的原理写js进行控制