1、最简单方法使用css3.0新增的一个属性background-size,代码如图。IE8以下不支持。
2、打开浏览器查看效果如下:
3、使用css代码如图。支持IE9+,IE 7/8: 平铺效果支持,但是在小于1024px的屏幕下居中效果失效。
4、然后打开浏览器效果如图所示。
5、之后使用jQuery模拟的方法。css代码如图。
6、然后jquery部分代码如图所示。
1、在body加入 <body background="背景图.jpg">,但是图片是平铺。
2、因为background属性不能拉伸图片,只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img>,其中z-index:-1为了让该div在最下层,也就是背景。
示例: