背景图片自适应浏览器大小

之前在网上看到的一个小技巧，记录一下：背景图片铺满屏幕并且可以随着浏览器进行自适应，代码如下：


<body>
	<div style="position:absolute; 100%; height:100%; z-index:-1">
		<img src="pictures/background.jpg" height="100%" width="100%"/>
	</div>
</body>

标注：有一点需要注意，有可能直接使用了这段代码后浏览器会出现滚动条。这种情况下需要看是不是默认body的padding margin设置是否为0 ，需要设为0才不会出现滚动条，真正达到铺满自适应