对于背景图片拉伸，很遗憾的告诉大家在css3之前，是不行的。背景的长和宽在css2.1之前是无法改变的。也没有background-size属性，所以出现了诸如repeat,repeat-x,repeat-y,no-repeat的这类属性？
css2.1之前如何是背景图片拉伸？
在css2.1之前，如果想纯粹的通过设置背景图片的方式来使背景图片拉伸，好像只有以下2种方式
1、图片的大小正好和区域吻合，或者图片的大小是最大浏览器像是区域的大小
2、通过repeat形成一个很规则的大图背景
下面我讲的是一种间接的方式实现背景图片的拉伸，关键点就是利用z-index: -1，看到这里很多人可能已经明白了，下面是我的代码
css样式
#backgroundImage{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;z-index: -1;}
#backgroundImage img{width: 100%;height: 100%}
html代码
<div id="backgroundImage">
<img src="img.jpg" />
</div>
css3下如何背景图片拉伸
css样式
body{
background-image:url(img.jpg,2);
background-repeat:no-repeat;
background-size:cover;
}
背景图片拉伸代码下载
下载地址：http://pan.baidu.com/s/1qWCvyKs
本代码兼容的浏览器
css3版本的：ie9 ie10 火狐浏览器chrome
css3以下版本：ie6 ie7 ie8 ie9 ie10 ie11?火狐浏览器chrome
编程那点事
