方法一:事情有很多解决办法,这种不可以就换另一种
图片放在页面里
例如:
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);
}