css和js结局背景图自适应游览器大小

在网上找了一两个钟都没找到合适自己的解决方法，索性自己硬着头皮写写了

<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.onload=function(){
$('#img').height($(window).height());
$('#img').width($(window).width());
}
window.onresize = function(){
$('#img').height($(window).height());
$('#img').width($(window).width());
}
</script>加载的时候跟改变游览器大小的时候都会重新计算图片的大小。