css3多背景图片添加

CSS3可以让我们很方便的在一个元素中添加多个背景图片，只需要在background属性中使用逗号分隔多个图片地址即可。

.container {
   background: url(image1.png),url(image2.png),url(image3.png);
}

上面的代码表示在一个class名为container的元素中添加了三个背景图片。CSS会优先显示位于最前面的图片，其它图片则会作为其后的遮罩层形式依次出现。

需要注意的是，多背景图片在不同浏览器中的兼容性不同。

而且，使用多背景图片也有一些需要注意的细节，比如对于指定了宽高的元素，会适配宽高比例展示图片。如果指定的宽高比例与图片的宽高比例不同，那么高度或宽度会被压缩变形以适配宽高比例。

另外，还需要注意多背景图片的层叠顺序问题，因为多个背景图片之间是会互相遮挡的，所以需要根据需要确定图片的先后顺序。

总体来说，使用CSS3的多背景图片功能可以很方便的实现一些复杂的UI效果，但是还需要在实际项目中根据具体情况进行使用和调整。