背景平铺（兼容IE8）

标准浏览器通过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;

上述代码中:

  1. 参数 src 是图片路径，sizingMethod = 'scale' 表示滤镜的尺寸方法为自适应容器大小;
  2. cover表示：将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。
posted @ 2018-12-24 22:43  Mr_WEI  阅读(399)  评论(0)  编辑  收藏  举报