CSS中可以利用position屬性來實(shí)現(xiàn)圖片上方放置圖片的效果。我們可以先給第一張圖片添加position屬性,將其定位到頁面中的某個位置,并給其添加一個z-index屬性值,以確保它在頁面中的位置最上層。
img:first-child { position: absolute; top: 20px; left: 20px; z-index: 1; }
接下來,我們再添加一個圖片作為覆蓋在第一張圖片上方的圖片,同樣也需要添加position屬性。
img:nth-child(2) { position: absolute; top: 10px; left: 10px; z-index: 2; }
這樣,第二張圖片便會被放在第一張圖片的上方了。我們可以根據(jù)頁面布局的需要來調(diào)整兩張圖片的位置和大小。
需要注意的是,由于我們使用了position屬性,所以在該頁面中的其它元素的排版很可能會受到影響,需要加以調(diào)整。