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;
}

检查 demo在这里。