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

Question

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>

Answer 1

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