在背景上使用多個圖像

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這裏。