在一个元素中显示多个背景图像

在css3中可以做到在一个元素中显示多个背景图像，css代码如下：

background-image: url(../images/loginlogo.png), url(../images/loginbox.jpg), url(../images/loginbg.jpg);

background-repeat:no-repeat,no-repeat,no-repeat;
background-position:30% 30%, 40% 50%, center;

background-image用来指定背景图像时，在浏览器中显示时是按照从上往下的顺序指定的，第一个图像文件放在最上面，最后指定的文件放在最下面。

repeat和position属性分别指定了图像文件的平铺方式和放置位置。