background-size是CSS3新增的属性,现在有很多浏览器都支持CSS3了。但是IE浏览器有些版本还是不支持,比如IE8,IE9也有些CSS3的属性会支持,但是有些也不支持;那么它如何去兼容IE8呢:这就需要去换种写法去写了。
代码如下:
.gx{background:url(../images/bg2.jpg) no-repeat; background-size: 100% 100%;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg2.jpg',sizingMethod='scale');padding-bottom: 40px; *padding-bottom: 40px;}
src的路径必须跟背景图的路径是一致的,这样IE8就可以支持这个属性了。
上一篇: Swiper 插件如何兼容IE8
下一篇: CSS3选择器使用总结
关键词: