码迷,mamicode.com
首页 > 其他好文 > 详细

背景平铺(兼容IE8)

时间:2018-12-24 23:32:35      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:滤镜   demo   图片路径   soft   标准   ima   color   背景图像   ack   

标准浏览器通过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表示:将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器。

背景平铺(兼容IE8)

标签:滤镜   demo   图片路径   soft   标准   ima   color   背景图像   ack   

原文地址:https://www.cnblogs.com/weijianjun/p/10171448.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!