网页设计中让一张图片填充满整个画面背景

方法一:

设置两层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内显示。

原文地址:https://www.cnblogs.com/Dearmyh/p/9642972.html