CSS是一種很重要的前端開發技術，它可以讓我們通過改變網頁樣式和布局，讓頁面更加美觀和易讀。其中一個常見的應用就是使圖片顯示在網頁的上方，這里介紹一些實現方法。

// HTML代碼
<div class="container">
<img src="example.jpg" alt="example" />
<p>這是文字描述。</p>
</div>
// CSS代碼
.container {
position: relative;  // 設置相對位置
}
.container img {
position: absolute;  // 設置絕對位置
top: 0;  // 距離頂部0px
z-index: -1;  // 將圖片放在底層
}
.container p {
padding-top: 【圖片高度】px;  // 設置文字頂部留白
}

實際上，在上面的代碼中，我們使用了CSS的position屬性，這個屬性有三個值：static（默認值）、relative（相對位置）和absolute（絕對位置）。當我們將容器（div）的position屬性設置為relative時，圖片的position屬性就可以設置為absolute。

此時，我們還需要設置圖片距離頂部的距離（top屬性）和層級順序（z-index屬性），使圖片在頂部，并且不會遮擋其他文本。同時，我們還需要對文字進行上留白的處理（padding-top屬性）。

綜上所述，圖片顯示在網頁上方的效果可以通過以上代碼實現，你也可以在實際開發中應用這個技術。希望這篇文章對你有所幫助。