css3背景图片background-size兼容IE9及IE9以下

最新推荐文章于 2022-05-15 15:05:16 发布

SuperCookies

最新推荐文章于 2022-05-15 15:05:16 发布

阅读量1.6k

点赞数 1

分类专栏： css兼容

本文链接：https://blog.csdn.net/SuperCookies/article/details/80493262

版权

css兼容专栏收录该内容

0 篇文章 0 订阅

订阅专栏

css3背景图片background-size兼容IE9及IE9以下

1、background-size兼容ie8以下浏览器解决

    <div class="bg_rw"  style="background-image: url(../images/add.png); background-size:100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/add.png',sizingMethod='scale');">
    </div>

2、background-size兼容ie9浏览器解决

.imgBox {
    width:100%;
    height:80%;    
    background: url('../images/add.png') no-repeat;
    background-attachment: fixed;
    //filter：兼容IE8及以下
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/add.png', sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/add.png', sizingMethod='scale');
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
   }