用css怎样在一个div中设置两张背景图片

2024-11-09 14:48:27

推荐回答（3个）

回答（1）：

在一个div里面设置两张背景图片用css3的多背景可以做到，写法也很容易，类似下面这样就行了:

background:url(top.jpg) center top no-repeat,
url(bottom.jpg) center bottom no-repeat;

不过因为不同浏览器对于CSS3的支持度有限，这种写法在大多数浏览器里面，特别是IE里面是无效的。所以通常的作法还是嵌套两个div，一个div里面是上面的背景图，一个div里面是下面的背景图，这样的兼容性会好一些。

回答（2）：

页面高度是不是固定的？

回答（3）：

支持css3的浏览器可以实现，自己百度：CSS3多背景