background-size ie8不支持怎么解决

background-size这个属性是css3，新增的属性，现在很多浏览器已经支持了，但是IE系列的浏览器却没有支持，比如IE8，下面介绍下如何解决这个问题

 

在IE浏览器中，可以通过滤镜filter来实现。

background-image: url('test.jpg'); 

background-size: cover; 

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.jpg',  sizingMethod='scale');

其中，图片的路径url和src必须一样，同时路径都必须是绝对路径，全路径，才可以，否则会出错

IE例

<td width="870" height="300" style="background: url(login/image/index_main.jpg) no-repeat right top;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='login/image/index_main.jpg',sizingMethod='scale');" >

Chrome例

<td width="870" height="300" style="background: url(login/image/index_main.jpg) no-repeat right top;

background-size:100%;" >