解决ie8 background-size无效的问题

发布者:luanqingwei 阅读量:17 时间:2018.10.07

background-size 指定背景图像大小,以像素或百分比显示,当指定为百分比时,大小会由所在区域的宽度、高度以及 background-origin 的位置决定,还可以通过 cover 和 contain 来对图片进行伸缩。

background-size:100%,在谷歌浏览器中可正常使用。

2018-10-07_201912.png

但在ie8中却失效了,ie8中不支持css3background-size属性

2018-10-07_202027.png

ie8不支持background-size但属性中加入filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='图片路径',sizingMethod='scale');便可支持。