1. CSS3支持多背景图片介绍
CSS3是CSS技术的第三个主要版本，它引入了诸多新的功能和特性，其中包括对多背景图片的支持。通过使用CSS3的多背景图功能，可以为网页元素添加多个背景图片，从而为网页设计提供更多的创作和表现空间。
2. 使用多背景图片的基本语法
在CSS3中，可以通过background属性来设置多背景图片，语法如下：
background: url(image1.png) top left no-repeat,
url(image2.png) bottom right no-repeat;
上述代码中，使用逗号分隔了两个background-image声明，每个声明分别指定了一个背景图片的URL、位置和重复方式。
2.1 设置背景图片的位置和重复方式
在多背景图片的代码中，每个background-image声明可以进一步指定背景图片的位置和重复方式。对于位置，可以使用关键字（例如top、left、bottom、right、center）或者像素值来定位；对于重复方式，可以使用关键字（例如repeat、no-repeat）或者repeat-x、repeat-y来设置图片的重复方式。下面是一个示例：
background: url(image1.png) top left no-repeat,
url(image2.png) bottom right repeat-x;
上述代码中，第一个background-image声明指定了image1.png位于左上角，不重复；第二个background-image声明指定了image2.png位于右下角，横向重复。
3. 多背景图片实例
下面以一个实例来演示CSS3多背景图片的应用：
div {
background: url(background1.jpg) top left no-repeat,
url(background2.jpg) bottom right repeat;
}
上述代码中，给一个div元素设置了两个背景图片，分别是background1.jpg和background2.jpg。其中，background1.jpg位于左上角，不重复；background2.jpg位于右下角，横向和纵向重复。
4. 注意事项
4.1 兼容性
CSS3的多背景图片功能在现代浏览器中得到良好支持，包括Chrome、Firefox、Safari等。然而，在一些低版本的浏览器中可能不被支持，因此在使用多背景图片时应考虑到浏览器兼容性的问题。
4.2 背景图片的大小和层叠顺序
在使用多背景图片时，注意设置背景图片的大小以适应元素大小，并且使用z-index属性控制背景图片的层叠顺序，从而避免覆盖或者遮挡其他元素。
5. 总结
CSS3的多背景图片功能为网页设计带来了更多的创作和表现空间。通过使用background属性来设置多个背景图片，可以实现更加丰富多样的背景效果。然而，需要注意兼容性问题以及背景图片的大小和层叠顺序，以确保在不同浏览器中都能正常显示和布局。