您的位置:首页 > 其它

解决ie下部支持background-size:100%;属性的方法

2016-11-14 14:58 363 查看
方法一:事情有很多解决办法,这种不可以就换另一种
图片放在页面里

  例如:
1.设置整个页面背景图
html:
<div id="bj">
<img src="img/bg.jpg"  />
</div>

        css:
#bj{
position:absolute;
top:0;
left:0;
z-index:-1;

#bj img{
width:100%;

                height:100%;
}

       js:

      $(function(){
zsy();
$(window).resize(function(){
zsy();

                });
});

       function zsy(){

              var  height=$(window).height();

              var  width=$(window).width();
     $("#bj").css("width",width);
     $("#bj").css("height",height);
      }

方法二:引用外部backgroundsize.min.htc

                  1.去网上把backgroundsize.min.htc下载放入项目

                  css:

#bj{

background:url(img/bg.jpg) center center   no-repeat;

                        background-size:cover;

behavior:url(backgroundsize.min.htc); 

-ms-behavior:url(backgroundsize.min.htc);

               }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: