JS有什么办法让背景图片适合浏览器自适应

[gechen_mac]

JS有什么办法让背景图片适合浏览器自适应？ 我找了一些例子，自己修改不了，而且我一删除“<input type="text" id="msg" name="msg" size="50"/>”就出问题了。 还望各位前辈指点。 有没有这样的实例啊？
谢谢！！

<style type="text/css">
*{margin:0;padding:0;}
#bg{
position:absolute;
top:0px;
left:0px;
z-index:-999;
}
</style>


<div id="bg"><img src="11111/image/bg.jpg" width="2880" height="1800"></div>
<input type="text" id="msg" name="msg" size="50"/>
<script type="text/javascript">
window.onresize = window.onload = function(){
var w,h
if(!!(window.attachEvent && !window.opera))
{
h = document.documentElement.clientHeight;
w = document.documentElement.clientWidth;
}else{
h = window.innerHeight;
w = window.innerWidth;
}
document.getElementById('msg').value ='窗口大小：' + 'width:' + w + '; height:'+h;
var bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
bgImg.width = (w - 5);
bgImg.height= (h-5) ;

}
</script>

[gechen_mac]

最好的兼容所有浏览器的。

[chenchengcctq]

根据分辨率多做几张背景图片，然后根据浏览器的高宽选择对应的背景图片

[thy442030800]

目测上述代码没错，测试了一下，也没错，估计是你自己的代码问题。

[thy442030800]

还有，你说的删除<input type="text" id="msg" name="msg" size="50"/>出错，你难道没删掉这一行吗？：document.getElementById('msg').value ='窗口大小：' + 'width:' + w + '; height:'+h;