HTML网页BODY中如何设置背景图拉伸的最有效方法

最近朋友要做背景拉伸，但是很遗憾CSS没有很好的实现拉伸，但是有变通的方法，那就是使用一个DIV拉伸浮动在底层。如何实现呢？看以下代码：

<div id="bodybg"> 
    <img src="imgbg.jpg" class="stretch" alt="" /> 
</div>

然后添加如下CSS:

#bodybg { 
    width: 100%;  
    height: 100%;  
    position: absolute;  
    left: 0px;  
    top: 0px;  
    z-index: 0; 
} 
 
.stretch { 
    width:100%; 
    height:100%; 
} 

OK，这样即可实现拉伸背景的效果了。