在网上找了一两个钟都没找到合适自己的解决方法,索性自己硬着头皮写写了
<div style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="xxxx" height="100%" width="100%"/>
</div>
这个上面是通用的写法
意思就是在你想设置背景的DIV中,添加以上代码,把这个DIV设置为底层,你的其他内容会浮在这个DIV上面,修改你的img src路径就可以了。但是用css会出现讨厌的滚动条,,于是还是感觉用js实在。
<script type="text/javascript">
window.οnlοad=function(){
$('#img').height($(window).height());
$('#img').width($(window).width());
}
window.onresize = function(){
$('#img').height($(window).height());
$('#img').width($(window).width());
}
</script>
加载的时候跟改变游览器大小的时候都会重新计算图片的大小。