弄了很久才发现原来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;
})