如何在背景主体中添加多个图像

Question

所以我想创建一个可以让背景的网站具有600px映像的标题图像，即是" site background"，然后让其余的是一个瓷砖图像，如而且我希望标题背景适应运动，例如background-position: center; CSS属性。

我看了W3，但他们的文档令人困惑。这里

这是我尝试的一些代码：

background: url(bg.png) top, url(tile.png) repeat;

，但我不确定如何将background-position & height添加到其中。

Answer 1

简短示例：

.web {
    width: 800px;
    height: 1000px;
    background-image: url(https://dummyimage.com/800x600/000/fff), url(https://dummyimage.com/800x300/555/fff);
    background-size: 300px 200px, 300px 100px;
    background-repeat: no-repeat, no-repeat;
    background-position: center 0px, center 200px;
}

<div class="web"></div>