我们经常遇到这样的问题,需要将一张图片平铺做为一个div块的背景。
这个时候就需要用到background-size这个属性了。
div{
background: url(..) no-repeat 0;
background-size: cover;
}
可是background-size这个属性是不兼容ie9以下的浏览器的。为了达到
兼容的目的,改进代码如下:
div{
background: url(..) no-repeat 0;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='..', sizingMethod='scale');
}
这段代码可以兼容ie。