美文网首页
ie7、8兼容background-size

ie7、8兼容background-size

作者: 自由加咖啡 | 来源:发表于2017-02-13 10:30 被阅读119次

    background-size:规定背景图像的尺寸。
    IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 属性。

    一般在项目中会经常用到cover和100%的属性,是背景图铺满整个元素,在ie7、8中可以使用filter(滤镜)来实现。

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale')";

    说明:
    ①不能指定任意大小background百分比,可用cover、100%,
    ②用于单张图片不能使用图片精灵等拼图,
    ③src要引用绝对路径图片,
    ④兼容ie7,8

    重点提醒:如果filter加了前缀-ms-后,那这个属性值必须用引号包起来,否则ie无法识别。

    相关文章

      网友评论

          本文标题:ie7、8兼容background-size

          本文链接:https://www.haomeiwen.com/subject/ibmzittx.html