css3 배경 그림 background-size 호환 IE9 및 IE9 이하

2108 단어 css 호환
css3 배경 그림 background-size 호환 IE9 및 IE9 이하
1、background-size 호환 i8 이하 브라우저 해결
    <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 호환 i9 브라우저 해결
.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;
   }

좋은 웹페이지 즐겨찾기