Css 有可能在同一元素上有两个背景，一个在另一个之上吗？

有时机身比屏幕小，背景被裁剪。这就是为什么我想把这两个背景放在

元素中。我知道，使用CSS3，一个元素可以有两个背景（一个接一个），编写方式如下：

background: url('/images/mosaic.gif') no-repeat, url('/images/photo.png') no-repeat;

background:  URL(images/page_bg.jpg) top left repeat-x #7C8FF7;

我的问题是，有可能有两个图像在彼此的上面吗？一幅马赛克重复着，上面是一张不重复的照片。我试过这样做，但不起作用：

background: url('/images/mosaic.gif') repeat, url('/images/photo.png') no-repeat;

---

是的，这是可能的，而且正是你写的方式

​
#续{
背景：url(http://lorempixel.com/400/200/food/1/)中-中-中-不重复，
网址(http://lorempixel.com/400/200/food/2/)重复；
}

您可以在顶部使用图像，在底部使用颜色，如下所示：

background: url('/images/mosaic.gif') no-repeat, url('/images/photo.png') no-repeat;

background:  URL(images/page_bg.jpg) top left repeat-x #7C8FF7;