在CSS中，我們可以很方便地為網站添加圖片背景。有時候，我們需要讓圖片背景重疊，以達到更好的視覺效果。下面是一個簡單的例子，展示了如何使用CSS在網頁上添加圖片背景。

body {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.header {
background-image: url("header.png");
background-position: center;
background-repeat: no-repeat;
height: 150px;
}
.hero {
background-image: url("hero.jpg");
background-position: center;
height: 400px;
}

在上面的代碼中，我們先為整個網頁添加了一個背景圖片。接著，我們為網站頂部的 .header 和主要內容 .hero 兩個部分添加了不同的背景圖片。

由于使用了不同的圖片，需要設置不同的 height 屬性來調整每個部分的高度。我們還可以使用 background-position 屬性來控制圖片在元素中的位置。

通過這些CSS屬性的組合，我們可以輕松地為網站添加圖片背景并重疊它們，以展現出更美觀的設計效果。