通過CSS可以輕松實現在頁面上將圖片放置在文字上方的效果。下面介紹具體實現方法：

img {
position: relative;
z-index: 2;
margin-bottom: -20px;
}
p {
position: relative;
z-index: 1;
}

以上代碼中，“margin-bottom: -20px;”是設置圖片與文字之間的距離，可以根據具體情況進行調整。

接下來，我們給一個例子，示例代碼如下：

<div>
<p>這是一個段落，其中有一張圖片放在段落文字上方。</p>
<img src="example.jpg" alt="示例圖片">
</div>

以上代碼中，“<div>”是一個包含段落和圖片的塊級元素，也可以使用其他HTML標簽，根據具體需求進行選擇。