网页背景图片拉伸效果

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

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

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

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

 
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;
})



你可能感兴趣的:(校史竞赛答题系统)