在CSS樣式表中，我們可以通過(guò)background-image屬性來(lái)向網(wǎng)頁(yè)添加圖片背景，這種方式很適合用來(lái)美化網(wǎng)頁(yè)或者增加品牌色。

但有時(shí)候，我們需要把一幅圖片放在文字后面，讓文字在圖片前面顯示。這種情況下，我們可以利用CSS的position和z-index屬性來(lái)實(shí)現(xiàn)。首先，我們需要設(shè)置圖片的position為absolute，然后通過(guò)z-index屬性來(lái)讓圖片處于文字前面。下面是一個(gè)例子：

.text{
position: relative;
z-index: 1;
}
.image{
width: 200px;
height: 200px;
position: absolute;
top: 20px;
left: 20px;
z-index: 0;
}

在這個(gè)例子中，我們把文字和圖片分別放在.text和.image的div中。.text的position屬性為relative，這是因?yàn)槲覀冃枰?image相對(duì)于.text進(jìn)行定位。.image的position屬性為absolute，表示讓圖片從文檔流中脫離。

通過(guò)設(shè)置.z-index屬性，我們把.image的z-index屬性設(shè)置為0，這讓它在.text的后面顯示。同時(shí)，我們把.text的z-index屬性設(shè)置為1，這保證了它在頂部顯示。

通過(guò)上面的CSS代碼，我們就實(shí)現(xiàn)了圖片在文字后面的效果。在實(shí)際應(yīng)用中，我們可以根據(jù)需要來(lái)調(diào)整圖片和文字的位置和大小，從而讓網(wǎng)頁(yè)更加豐富多彩。