方法一:
设置两层div,底层div当做背景使用,放置一张图片即可。
<div id="background" ><img src="1.jpg" width="100%" height="100%"/></div>
再将网页内容放置到第二层上<div id="content">页面内容</content>
方法二:
background属性有个background-size属性,可以设置背景图片所占div的比例,可以拉伸或收缩。
如果想在整个窗口显示背景图片,在body属性加上{background:url(); background-size:100% 100%;}
这时能看到,整个背景图片显示在窗口中,且随着你的放大缩小可以拉伸。
另外加上自己的box-sizing属性的补充:box-sizing只影响元素和其padding,跟背景颜色一样,背景颜色之在元素与其padding内显示。