背景图片自适应浏览器大小
之前在网上看到的一个小技巧,记录一下:背景图片铺满屏幕并且可以随着浏览器进行自适应,代码如下:
<body>
<div style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
</body>
标注:有一点需要注意,有可能直接使用了这段代码后浏览器会出现滚动条。这种情况下需要看是不是默认body的padding margin设置是否为0 ,需要设为0才不会出现滚动条,真正达到铺满自适应