css - 背景に複数の画像を使用する

Question

Webページの背景で複数の画像を使用すると問題が発生します。次のコードを使用しました。

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

私が使用したコードでは、背景に2つの画像が表示されますが、画像の1つを正確に中央に配置したいと思います。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;
}

ここでデモを確認してください。