0

有时身体比屏幕小，背景会被裁剪。这就是为什么我想将两个背景放在<html>元素中。我知道使用 CSS3 可以有一个元素有两个背景（一个在另一个之后），这样写：

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

我的问题是，是否可以将 2 张图像放在一起？重复的马赛克和上面的照片不重复。我试过这样做，但不起作用：

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

2 回答 2

1

是的，这是可能的，而且正是你写的方式。 请参阅此处以获取插图。

<div id='cont'></div>​

#cont { 
    background: url(http://lorempixel.com/400/200/food/1/) center center no-repeat,
        url(http://lorempixel.com/400/200/food/2/) repeat; 
}
于 2012-10-20T06:34:34.037 回答
0

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

background:  URL(images/page_bg.jpg) top left repeat-x #7C8FF7;
于 2012-10-20T06:49:54.853 回答