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.οnlοad=function(){
					$('#img').height($(window).height());
				    $('#img').width($(window).width());
				}
				 window.onresize = function(){
					 	$('#img').height($(window).height());
					    $('#img').width($(window).width());
				 }
				</script>

加载的时候跟改变游览器大小的时候都会重新计算图片的大小。