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

HTML部分：

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