在網頁設計中，經常需要在文本內容上方顯示一張圖片以加強頁面表現效果。通過CSS樣式設置，我們可以實現這一效果。

下面是一段示例代碼，演示了如何使用CSS將圖片顯示在文本內容之上：

<div class="container">
<p>這是一段文本內容，<br>下面將顯示一張圖片。</p>
<img src="example.jpg" alt="圖片示例">
</div>
.container {
position: relative;
}
img {
position: absolute;
top: -50px;
left: 20px;
z-index: 1;
}
p {
z-index: 2;
}

在上述代碼中，我們首先通過HTML代碼將文本內容和圖片放在同一個div容器中，然后設置了容器的position屬性為relative，這是為了讓后續設置的絕對定位屬性生效。

接下來，我們將圖片設置為絕對定位，并且使用top和left屬性對圖片進行微調，讓它顯示在文本內容上方。注意到我們還為圖片設置了z-index屬性，這是為了讓圖片顯示在文本之上。

最后，我們將段落元素的z-index屬性設置為比圖片高，以確保文本內容不會被圖片遮擋。

這樣一來，我們就可以很方便地將圖片顯示在文本內容上方了。當然，樣式設置還可以根據實際需求進行調整。