css3背景图片background-size兼容性

css3背景图片background-size兼容性

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;
   }