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%;" >