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

html-css06

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

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

1、网页设计css设置多重背景只显示一个检查下浏览器是否支,首先,多重背景属于CSS3的范畴,请先确定浏览器及其版本是否支持。

2、然如果写在前面的背景图尺寸比其他的图片大,会发生遮挡,需调整背景图的顺序。

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%

然后把图片分别放到两个中,(最常用)

1、可以同时使用背景色和背景图,具体方法首先用hbuilder新建一个html文件,创建一个div,并给div一个class属性,在上方的style中设置class的样式,这里把div的宽度和高度设置大点,方便观察效果:

2、然后使用background设置属性;background是一个复合属性,有五个参数,第一个是背景颜色,第二个是图片,第三个是图片重复的设置,第四个是背景图像是否固定或者随着页面的其余部分滚动,第五个个背景图像的起始位置:

3、最后打开浏览器,就能看到图片了,图片覆盖不了的部分则是使用背景色填充: