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、最后打开浏览器,就能看到图片了,图片覆盖不了的部分则是使用背景色填充: