css - 在背景上使用多个图像

Question

我在网页背景中使用多个图像时遇到问题。我为此使用了以下代码：

body{
background-image: url(images/img1.png), url(images/img2.png); }

我使用的代码在背景上给了我两张图片，但我想将其中一张图片准确地放在中心。如何使用 CSS 做到这一点？

Answer 1

是的，你可以这样做

body {
    background-image: url(images/img1.png), url(images/img2.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center, top left;
}

在这里查看演示。