IE8兼容background-size方法

大家都知道background-size这个属性并不兼容ie8，如果解决这个问题呢？网络上通常会用ie的滤镜来解决这个方法，具体的代码如下：

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);

 　破费解决！