1、最简单方法使用css3.0新增的一个属性background-size，代码如图。IE8以下不支持。

2、打开浏览器查看效果如下：

3、使用css代码如图。支持IE9+，IE 7/8: 平铺效果支持，但是在小于1024px的屏幕下居中效果失效。

4、然后打开浏览器效果如图所示。

5、之后使用jQuery模拟的方法。css代码如图。

6、然后jquery部分代码如图所示。

步骤一、首先打开需要修改的HTML文件。

步骤二、然后始化样式，将代码添加在标签内。

步骤三、添加一个div容器，然后命名为bg-box

步骤四、背景全屏需要容器全屏，将bg-box的样式补全。

步骤五、设置完毕，图片背景以及全屏了。

1、在body加入 ，但是图片是平铺。

2、因为background属性不能拉伸图片，只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用，其中z-index:-1为了让该div在最下层，也就是背景。

示例：

body{
 margin:0px;
 padding:0px;
}
.d1{
position:absolute; 
 left:0px;
 top:0px; 
 width:100%; 
 height:100%;
 z-index:-1;
}