IE下滤镜实现background-size效果

工作的时候，碰到IE8不支持background-size等属性，造成背景图像显示效果与主流浏览器差距较大。幸好，ie有滤镜功能，可以一定程度上修正这个问题。

filter:progid:DXImageTransform.Microsoft.AlphaImageKoader(src=\""+imgSrc+"\",sizeingMethod='scale');

IE下的滤镜效果技术要点：

1、src的地址引用：

在CSS中使用IE滤镜，他的imgSec，需要使用CSS代码所在页面，为相对路径的参考基准。

2、CSS的background属性，与ie滤镜不能同时使用，同时使用会导致在IE浏览器中出现2张背景图片。

解决方法：使用ie.css，在这个文件中专门写背景图片的filter，并将ie中的background设置为none .

/*just for ie*/
background:none;
background: filter: progid:DXImageTransform.Microsoft.AlphaImageKoader(src=\""+imgSrc+"\",sizeingMethod='scale');

/*for normal*/
background: url(imgSrc) no-repeater;

3、背景图片的background-size的效果实现

IE下background-size的实现主要借助于

sizeingMethod='scale'

参考文章：
http://blog.csdn.net/jiudihanbing/article/details/8372947