网页设计css设置多重背景只显示一个怎么办

html-css053

网页设计css设置多重背景只显示一个怎么办,第1张

网页设计css设置多重背景只显示一个检查下浏览器是否支持。

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你设置固定背景,第一层你就可以设置哪个自适应的背景