在網頁設計中，圖片重合是一種常見的效果。在HTML中，可以使用“z-index”屬性設置一個元素的堆疊順序。

假設有兩張圖片，使用以下代碼將圖片重疊：

在上面的代碼中，“position: absolute;”將圖片從正常文本流中移動，使其可以在頁面上自由移動。 “z-index”屬性值實現圖片的重疊效果，在這里，“img2”的堆疊順序比“img1”高，因此“img2”處于上方。

可以嘗試更改“z-index”屬性值，以查看效果的區別。請注意，只有帶有“position: absolute;”或“position: relative;”屬性的元素才能使用“z-index”屬性。

通過使用HTML的“position”和“z-index”屬性，使圖片的堆疊順序像堆疊紙牌一樣，讓網頁設計更加生動有趣。