在網頁設計中，有時需要將文字置于圖片的上方，來達到更好的視覺效果。在這種情況下，CSS是一個非常有用的工具，可以幫助我們輕松地實現這個效果。

要實現這一效果，我們需要使用CSS的position和z-index屬性。其中，position屬性用于指定元素的定位方式，而z-index屬性用于指定元素在堆疊順序中的層級。

img {
position: relative;
}
p {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

以上代碼實現了將文字置于圖片上方的效果。首先，我們給圖片添加了position:relative屬性，這樣可以使得圖片成為定位元素，以便我們在后面給p標簽定位。

然后，我們對p標簽設置了position:absolute屬性，這意味著p標簽將相對于最近的定位祖先元素進行定位。在這里，我們希望p標簽相對于圖片進行定位，因此我們將top和left屬性都設置為0。

最后，我們通過z-index屬性將p標簽置于圖片之上。因為z-index的值越大，元素在堆疊順序中的層級就越高，因此我們將p標簽的z-index設置為1，使其處于圖片之上。

通過以上代碼，我們就可以輕松地將文字置于圖片上方，從而達到更好的視覺效果。