标准浏览器通过background-size属性设置;IE8以下通过滤镜实现。
代码如下:
1 /* IE8 */ 2 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='demo.jpg', sizingMethod='scale'); 3 -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='demo.jpg', sizingMethod='scale'); 4 5 /* 标准浏览器 */ 6 background-size: cover;
上述代码中:
- 参数 src 是图片路径,sizingMethod = 'scale' 表示滤镜的尺寸方法为自适应容器大小;
- cover表示:将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。