在css中，我們可以使用z-index屬性來控制元素的層次關(guān)系，從而實(shí)現(xiàn)圖片重合的效果。

img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
img:hover {
z-index: 2;
}

在上面的代碼中，我們設(shè)置圖片的position為absolute，這樣它就可以脫離文檔流，可以隨意調(diào)整它的位置和大小，同時也可以使用z-index屬性來控制它的層次關(guān)系。

我們首先將所有圖片的z-index設(shè)為1，這樣它們就會按順序?qū)盈B在一起。然后，當(dāng)用戶懸停在某個圖片上時，我們將這個圖片的z-index設(shè)為2，這樣它就會被放到最上面，覆蓋其他圖片。

div {
position: relative;
width: 300px;
height: 200px;
}
img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
img:nth-child(2) {
left: 50px;
z-index: 2;
}
img:nth-child(3) {
left: 100px;
z-index: 3;
}

除了使用z-index來控制層次關(guān)系，我們也可以通過設(shè)置元素的位置來實(shí)現(xiàn)圖片重合的效果。在上面的代碼中，我們創(chuàng)建了一個div元素，并將其position設(shè)為relative，這樣它內(nèi)部的絕對定位元素就可以依據(jù)它來定位。

我們將三張圖片分別設(shè)為絕對定位，并設(shè)置它們的left值，這樣它們就會重疊在一起。同時，我們也設(shè)置了它們不同的z-index值，這樣就可以指定哪張圖片應(yīng)該在最上面。