网页背景图片拉伸效果

弄了很久才发现原来background-image的大小不会随窗口大小变化，也不会有自动拉伸的效果的。。

然后弄了半天还是用js控制的，网上查的代码加上自己写的，混搭。。然后成功了。。

很明显是瞎猫碰死耗子。。最近放假比较懒，所以没有仔细钻研了。。QQ空间的背景图片控制也是用js的，不过好像用了Bootstrap框架，当时借用没成功。

我自己的代码也很乱的。。而且我也不太明白div的那个style 的设定是为嘛，否则图片周围就会有白色的间距。

 <div id="bg" style="width:100%;height:100%;position:absolute;z-index:-1;top:0px; text-align:center; vertical-align:middle;left:0px;">
      <img src="img/ly.png" id="back"/>
      </div>

var winWidth = 0;
     var winHeight = 0;
      winWidth=document.documentElement.clientWidth;
      winHeight=document.documentElement.clientHeight;

    $(document).ready(function(){
      $('#back').css("width",winWidth);
      $('#back').css("height",winHeight;
})