CSS中圖片重疊是一種常見的設計技巧，可以為網頁增添層次感和視覺沖擊力。下面介紹兩種實現方法。

方法一：使用position屬性。通過將圖片的position設為absolute，并分別設置不同的z-index值，可以實現圖片的重疊效果。

<style>
.img1 {
position: absolute;
z-index: 1;
}
.img2 {
position: absolute;
z-index: 2;
left: 20px;
top: 20px;
}
.img3 {
position: absolute;
z-index: 3;
left: 40px;
top: 40px;
}
</style>
<img src="img1.jpg" class="img1">
<img src="img2.jpg" class="img2">
<img src="img3.jpg" class="img3">

方法二：使用background-image屬性。在父元素上設置一個背景圖片，然后在子元素上設置不同的background-color和opacity屬性，可以實現圖片的疊加效果。

<style>
.container {
width: 300px;
height: 200px;
background-image: url(bg.jpg);
position: relative;
}
.img1 {
width: 100px;
height: 100px;
background-color: #fff;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
}
.img2 {
width: 120px;
height: 120px;
background-color: #000;
opacity: 0.7;
position: absolute;
top: 20px;
left: 20px;
z-index: 2;
}
</style>
<div class="container">
<div class="img1"></div>
<div class="img2"></div>
</div>