css3可以实现，
background: url(image_1.jpg) top left no-repeat, url(image_2.jpg) top right no-repeat
在这个背景里面加两个div
样式为都float:left:width:50%height:100%
然后把图片分别放到两个中，（最常用）
样式不能同时设置2张背景，你可以做div嵌套<div class="bg1">
<div class="bg2">
</div>
</div>
第二层bg2你设置固定背景，第一层你就可以设置哪个自适应的背景
两张背景图 你是说的什么意思呢？是要轮换的话 必须添加js事件响应 或者a:hover伪类
是想两张图拼成一个背景的话 不如直接把两张图弄成一个图片好了
鼠标覆盖后换背景代码 <div style="background:url(pic1.jpg)" onmouseover="this.style.backgroundImage="pic2.jpg">
可以更换响应的时间 onclick 点击事件 onfocus焦点事件之类
