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

在CSS3中可以在一个元素中显示多个背景图像，还可以将多个背景图像进行重叠显示，从而使得调整背景图像中所使用的素材变得更加容易。

如在一个div元素显示多个背景图像，代码如下：
div{

    background:url(flower-red.png),

                       url(flower-green.png),

                       url(sky.png);

    background-repeat:no-repeat, repeat-x, no-repeat;

    background-position:3% 98%,85%,center,center,top;

    width:300px;

    padding:90px 0px;

}

注意：指定的时候，按浏览器中显示时图像叠放的顺序从上往下指定的，第一个图像文件是放在最上面的，最后指定的文件是放在最下面的。