background ie8兼容性问题

干了这杯柠檬多

于 2019-01-22 21:18:19 发布

阅读量2k

点赞数 1

分类专栏：前端文章标签： ie兼容 background图片拉伸

本文链接：https://blog.csdn.net/qq_39404258/article/details/86601603

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

问题：使用图片做背景并铺满整个屏幕，但不使用img标签。
解决：在相应的div中添加如下style
background:     url(img/bg.jpg) no-repeat center center;
                background-size: 100% 100%;
                /*为了解决ie背景图片拉伸*/
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/aaa.jpg', sizingMethod='scale');

filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true：默认值。滤镜激活。 false：滤镜被禁止。

sizingMethod：可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop：剪切图片以适应对象尺寸。 image：默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 scale：缩放图片以适应对象的尺寸边界。

src：必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。