背景的多重设置

Posted 2021-03-13 wszzj

• background:url(),url(),……
• 多个背景图片用逗号隔开，越靠前的图片层级越高。
• 每一个背景图片的写法都和以前单个背景图片的写法是一样的。可以指定图片的平铺方式，位置等等。

·　　background: url(img/bg.png) no-repeat,url(img/1.jpg) no-repeat,url(img/2.jpg);

 

background: url(img/bg.png) no-repeat,url(img/1.jpg) no-repeat,url(img/2.jpg);

适用于套图

1 background: url(../images/topfoot-spr.png) no-repeat -304px -84px ,url(../images/default.png) no-repeat 3px 5px;
2     background-size: auto auto,41px ;