CSS（Cascading Style Sheets）是一種用于網頁裝飾和布局的樣式表語言。通過CSS，我們可以美化網頁的外觀，使其變得更加具有吸引力。

在CSS中，我們可以使用background-image屬性來添加背景圖片。但是有時候我們需要在一個元素上疊加多張圖片，這個時候就需要用到CSS疊加圖片的技術。

/*CSS code*/
div{
background-image: url("bg.jpg"), url("overlay.png");
background-repeat: no-repeat, repeat;
background-position: center, top left;
}

在上面的代碼中，我們使用了background-image屬性來疊加兩張圖片，分別為“bg.jpg”和“overlay.png”。其中，左邊的圖片在上面，右邊的圖片在下面。

接下來，我們需要設置每張圖片的重復方式和位置。

background-repeat屬性用于控制圖片的重復方式，可以設置以下值：

• repeat：圖片在水平和垂直方向上重復
• repeat-x：圖片在水平方向上重復
• repeat-y：圖片在垂直方向上重復
• no-repeat：圖片不重復

上面的代碼中，我們設置了左邊的圖片不重復，右邊的圖片在垂直方向上重復。

background-position屬性用于控制圖片的位置，可以設置以下值：

• left top
• left center
• left bottom
• center top
• center center
• center bottom
• right top
• right center
• right bottom
• x% y%
• xpos ypos

上面的代碼中，我們將左邊的圖片居中，右邊的圖片位于左上角。

通過使用CSS疊加圖片，我們可以輕松地實現網頁元素的層疊效果，為網頁增加更多的視覺效果和趣味性。