在css3之前,一个元素只能设置一个背景图。而css3中,可以为一个元素同时添加多个背景图。
注意:css多重背景依然不支持IE9以下系列版本。
使用方式:
1.定义多个背景图,只需要在background-image/background属性的值添加多个url,之间以逗号隔开。
2.默认情况下,背景图片从元素的左上角开始显示,并会在水平和垂直方向重复铺垫。
注意:如果多个背景图片重叠,前面定义的图片会覆盖后面定义的图片上面。
3.每个背景图都具有background中的任何属性,如果可以设置背景图的背景定位,背景重复,背景尺寸,多个属性值按照顺序依次对应。
注意:如果某个属性只提供一个参数值,则对应所有的背景图。
section{width: 800px;height: 500px;border: 5px solid;margin: 0 auto;background-image: url("./img/app2.png"),url("./img/小2.jpg"),url("./img/lbt2_wps图片.png");background-repeat:no-repeat;background-position: center,top,bottom;background-size:100px,400px,cover;}
