設(shè)置圖片在網(wǎng)頁(yè)中的顯示通常是我們編寫(xiě)html時(shí)必須考慮到的問(wèn)題之一。但是如果希望圖片在網(wǎng)頁(yè)中顯示的效果更具層次感，那么我們就需要設(shè)置圖片的層疊順序，使其可以顯示在最上層。

<div style="position: relative">
<img src="picture.jpg" style="position: absolute; top: 0; left: 0; z-index: 1;">
<p style="z-index: 2;">層疊順序最高的文字內(nèi)容</p>
</div>

上面的代碼中，我們使用了position屬性來(lái)設(shè)置圖片的定位方式為絕對(duì)定位（absolute）。這表明，圖片的位置是相對(duì)于其最近的具有定位屬性的父元素的位置。由于div元素的position屬性值為relative，所以圖片就是相對(duì)于div元素的位置進(jìn)行定位的。

接著，我們使用了top和left屬性來(lái)設(shè)置圖片距離其父元素（即div元素）的位置。在這里，我們將其設(shè)置為0，即讓圖片放置在div元素的左上角。

最后，我們使用了z-index屬性來(lái)設(shè)置元素的層疊順序。我們將圖片的層疊順序設(shè)置為1，而將文字內(nèi)容所在的p元素的層疊順序設(shè)置為2。這樣，我們就可以將文字內(nèi)容顯示在圖片的上方，從而達(dá)到了在最上層顯示圖片的目的。