首页 > 技术文章 > 背景的多重设置

wszzj 2020-01-30 18:01 原文

  • 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 ;

推荐阅读