CSS中可以使用多張圖片疊加來實現豐富的效果，比如在背景上疊加多張圖片、建立層疊效果等等。

下面我們來看一下如何以層疊的方式疊加多張圖片：

.container {
position: relative; /*必須是相對定位*/
background: url(bg.png);
background-size:cover;
width: 500px;
height: 500px;
}
.container:before {
content: "";
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
background: url(img1.png);
background-size: cover;
opacity: 0.5;
}
.container:after {
content: "";
position: absolute;
top:50px;
left:50px;
right:0;
bottom:0;
background: url(img2.png);
background-size: cover;
opacity: 0.5;
}

上述代碼中，我們首先定義了一個容器，為了能夠以層疊的方式疊加多張圖片，容器必須已經具備了相對定位的屬性。其次，我們使用了:before和:after偽類，通過absolute定位它們在容器內的位置，并且讓他們的背景圖片相互疊加。

需要注意的是，只有具有相對定位的元素，才可以使用絕對定位。并且在使用:before和:after偽類的時候，我們需要為它們設置content屬性，否則它們不會顯示。

以上就是關于CSS多張圖片疊加的簡介，希望對大家有所幫助。