1、网页设计css设置多重背景只显示一个检查下浏览器是否支,首先,多重背景属于CSS3的范畴,请先确定浏览器及其版本是否支持。
2、然如果写在前面的背景图尺寸比其他的图片大,会发生遮挡,需调整背景图的顺序。
在一个div里面设置两张背景图片用css3的多背景可以做到,写法也很容易,类似下面这样就行了:background:url(top.jpg) center top no-repeat,
url(bottom.jpg) center bottom no-repeat
不过因为不同浏览器对于CSS3的支持度有限,这种写法在大多数浏览器里面,特别是IE里面是无效的。所以通常的作法还是嵌套两个div,一个div里面是上面的背景图,一个div里面是下面的背景图,这样的兼容性会好一些。
样式不能同时设置2张背景,你可以做div嵌套<div class="bg1">
<div class="bg2">
</div>
</div>
第二层bg2你设置固定背景,第一层你就可以设置哪个自适应的背景