CSS 圖片疊加是一種用于網頁設計和開發的技巧，它可以將多張圖片疊加在一起，創建出一種獨特的效果。這個技巧在視覺上非常吸引人，可以用于網頁的背景圖像、圖標、按鈕等，使整個頁面更具吸引力。

要使用 CSS 圖片疊加，我們可以使用 CSS 的 background-image 屬性。此屬性可以幫助我們在網頁上顯示多張疊加的圖片。

.container {
background-image: url("bg.jpg"), url("overlay.png");
background-position: center, bottom right;
background-repeat: no-repeat;
}

在這個示例中，我們首先定義了一個名為 .container 的容器，然后使用 background-image 屬性將兩張圖片疊加在一起。第一張圖片是名為 bg.jpg 的背景圖片，而第二張則是 overlay.png，這是我們要疊加在上面的圖片。兩張圖片之間使用逗號“,”分隔。

在 background-position 屬性中，我們可以定義每張圖片的位置，以使它們疊加在一起。這里我們將背景圖片放在中心位置，而疊加的圖片則放在右下角。

最后，使用 background-repeat 屬性，我們可以定義是否要重復顯示圖像。在這個示例中，我們將其設置為 no-repeat，表示不要重復顯示任何一張圖片。

總的來說，使用 CSS 圖片疊加可以為網頁設計師和開發人員提供各種各樣的創新效果。它不僅可以創造各種視覺效果，還可以為網站提供更好的用戶體驗。