在網(wǎng)站開發(fā)中，常常需要將多個圖片疊加到一起顯示。這時可以使用HTML的疊加圖片功能來實現(xiàn)。下面通過具體的實例來介紹如何使用HTML設置疊加圖片。

<div>
<img src="img1.png" alt="圖片1">
<img src="img2.png" alt="圖片2" style="position:absolute;top:0;left:0">
</div>

代碼中使用了HTML的<img>標簽來加載圖片。使用style屬性來設置第二張圖片的位置，position屬性值設為absolute表示絕對定位，top和left分別表示該元素距離頂部和左側(cè)的距離為0，因此第二張圖片會覆蓋在第一張圖片之上。這里的<div>標簽可以用來包含多張圖片，從而實現(xiàn)圖片的疊加效果。

當然，你也可以通過CSS樣式表來設置圖片的疊加效果，如下所示:

<style>
.img-overlap {
position: relative;
}
.img-overlap img:last-child {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
</style>
<div class="img-overlap">
<img src="img1.png" alt="圖片1">
<img src="img2.png" alt="圖片2">
</div>

在上述代碼中，通過定義類名img-overlap來為<div>標簽添加樣式。其中，第一張圖片默認按照正常流排列，第二張圖片通過設置position屬性值為absolute開啟了絕對定位模式。同時，通過設置z-index屬性值為1來將第二張圖片置于第一張圖片之上。這種方式不僅可以疊加兩張圖片，還可以疊加多張圖片，只需要添加相應的<img>標簽并設置其樣式即可。