在一个div里面设置两张背景图片用css3的多背景可以做到，写法也很容易，类似下面这样就行了:
background:url(top.jpg) center top no-repeat,
url(bottom.jpg) center bottom no-repeat;
不过因为不同浏览器对于CSS3的支持度有限，这种写法在大多数浏览器里面，特别是IE里面是无效的。所以通常的作法还是嵌套两个div，一个div里面是上面的背景图，一个div里面是下面的背景图，这样的兼容性会好一些。
background:url(top.jpg) center top no-repeat,
url(bottom.jpg) center bottom no-repeat;
不过因为不同浏览器对于CSS3的支持度有限，这种写法在大多数浏览器里面，特别是IE里面是无效的。所以通常的作法还是嵌套两个div，一个div里面是上面的背景图，一个div里面是下面的背景图，这样的兼容性会好一些。
温馨提示：内容为网友见解，仅供参考
第1个回答 2013-06-23
页面高度是不是固定的？追问
是
追答那就直接将2张图片合成一张来得干脆
本回答被提问者采纳第2个回答 2013-06-23
支持css3的浏览器可以实现，自己百度：CSS3多背景
相似回答
