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

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

在上面的代碼中，我們先為整個(gè)網(wǎng)頁添加了一個(gè)背景圖片。接著，我們?yōu)榫W(wǎng)站頂部的 .header 和主要內(nèi)容 .hero 兩個(gè)部分添加了不同的背景圖片。

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

通過這些CSS屬性的組合，我們可以輕松地為網(wǎng)站添加圖片背景并重疊它們，以展現(xiàn)出更美觀的設(shè)計(jì)效果。