如何让背景图片自适应填充整个屏幕

在做网页的时候，想让图片填充整个屏幕，就是一张图片拉伸的效果，而且可以适应不同大小的屏幕，这个怎么做呢？来看看小编的介绍吧。

方法

步骤1

首先用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。

步骤2

然后先在浏览器中预览一下效果。会看到图片两遍有空白，没有填充满整个屏幕。

步骤3

background-size设置其值为100%。

步骤4

需要注意的是这是css3增加的新属性，旧版本的浏览器可能不支持。