在網(wǎng)頁(yè)設(shè)計(jì)中，有時(shí)候我們需要將一個(gè)圖片放置在另一個(gè)圖片的上面，這就涉及到了圖片覆蓋的問題。可以使用CSS3來實(shí)現(xiàn)圖片覆蓋的效果。

方法如下：

.background {
position: relative;
}
.overlay-image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

首先，需要將背景圖片的父容器設(shè)置為position: relative，這是因?yàn)椴辉O(shè)置position就無法實(shí)現(xiàn)定位。然后，需要將覆蓋圖片的position設(shè)置為absolute，top和left設(shè)置為0，這樣它將被放置在背景圖片的左上角。z-index可以根據(jù)需要進(jìn)行調(diào)整，它決定了覆蓋圖片在層級(jí)上的位置。

此外，還可以添加其他樣式來美化覆蓋圖片，例如設(shè)置透明度等。

總結(jié)一下，使用CSS3來實(shí)現(xiàn)圖片覆蓋只需設(shè)置父容器為relative，覆蓋圖片為absolute并設(shè)置top、left和z-index即可。這樣可以方便地實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)中所需的效果。