CSS圖片重疊是一種在網頁設計中常用的技巧。通過將不同的圖片重疊在一起，可以使頁面變得更加豐富多彩。不過，很多人認為要實現圖片的重疊就必須要使用CSS的定位功能。其實，這并不是完全正確的，下面就將介紹一種不用定位的CSS圖片重疊方法。 首先，我們需要準備一些需要重疊的圖片，這里我們假設有三張圖片，分別為img1.png、img2.png和img3.png。我們可以將這些圖片放在HTML文件中，使用img標簽來引用。 接下來，我們需要使用CSS來控制這些圖片的重疊效果。首先，我們可以使用z-index屬性為這些圖片設置一個圖層順序，實現圖片重疊的效果。z-index的值越大，對應的圖片圖層就越靠前。 pre { background-color: #f8f8f8; padding: 10px; }

p img {
position: relative;
}
p img:nth-child(1) {
z-index: 3;
}
p img:nth-child(2) {
z-index: 2;
margin-left: -20px;
margin-top: -20px;
}
p img:nth-child(3) {
z-index: 1;
margin-left: -40px;
margin-top: -40px;
}

在上面的代碼中，我們為p標簽內的img元素設置了position: relative樣式，這是因為z-index屬性只對position屬性值不為static（默認值）的元素起作用。同時，我們使用了:nth-child偽類，為不同的圖片設置不同的z-index值，實現了圖片間的重疊效果。 值得注意的是，在上面的例子中，我們還使用了margin-left和margin-top屬性為后面的圖片向左、向上移動一定的距離，以保證它們能夠正確地覆蓋前面的圖片。當然，這些具體的值需要根據實際情況調整。 綜上所述，這是一種不用定位的CSS圖片重疊方法，可以在設計網頁時提供一些新的思路和靈感。