CSS是HTML的一個重要組成部分，可以讓我們的網頁變得更加美觀和動態。其中，利用CSS可以使文字、圖片等元素浮在其他元素的上方，為網頁設計提供了更多的可能性。

在這里我們以浮在圖片上方的效果為例，通過以下代碼實現：

.img-container{
position: relative;
display: inline-block;
}
.img-container img{
display: block;
}
.img-container:hover .img-caption{
opacity: 1;
}
.img-caption{
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
padding: 20px;
background-color: rgba(0, 0, 0, 0.7);
color: white;
transition: opacity 0.5s ease;
}

首先，我們需要設定圖片容器的position屬性為relative，以便之后設置絕對定位時參照該元素。接著，我們為圖片設置display:block，讓圖片在容器內鋪滿。

最重要的是，在圖片容器下方新建一個div元素作為圖片文字描述容器，并設置其position為absolute。接著，設置該元素的bottom、left、right屬性為0，使其定位于容器底部并占滿整個容器寬度。最后，將該元素的背景色和文字顏色設定為合適的顏色，并將初始的opacity設為0，讓它一開始不可見。使用:hover選擇器來控制該元素的opacity，當鼠標懸停于圖片容器上時，使其opacity變為1，從而讓圖片文字描述容器顯示出來。

通過以上的CSS代碼，我們就可以實現圖片文字描述懸浮在圖片上方的效果了。