html - body 上的多个背景，使用 CSS

Question

我正在尝试为文档 body 设置多个背景。为什么这段代码不起作用？

body
{
    background: url(../Images/StandardBackgroundPattern.png) repeat, url(../Images/StandardBackground.png) center center no-repeat;
    background-size: auto, cover;
}

此代码仅显示照片。在任何地方都看不到图案(但 Dev Tools 说照片和图案都已加载)。

---

^{上面的预期效果是包含一张背景照片，居中并填满视口(viewport)的宽度和高度，并在上面放置一个图案，并在水平和垂直方向上重复它。}

如果可能，最好避免为此使用多个 div。

Answer 1

这样试试。它应该可以正常工作。

body {
background-image: url(first.png), url(second.png);
background-position: center bottom, left top;
background-repeat: no-repeat;
}