複数のイメージをバックグラウンドに追加する方法

Question

私は、バックグラウンドに「site background」という画像を600pxという画像とし、残りをタイル画像にするサイトを作りたかったのです。私がヘッダの背景をbackground-position: center; CSSプロパティのように動きに適応させたいと思っていたのです。

私はW3を見ましたが、そのドキュメントは混乱しています。 here

は、これは私が試したいくつかのコードです：

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>