在網(wǎng)頁設計中，經(jīng)常會遇到需要在圖片上方浮現(xiàn)一段文字的情況。這時候，我們可以使用CSS來實現(xiàn)這一效果。

<div class="container">
<img src="image.jpg" alt="image">
<p class="text">這是浮在圖片上的文字</p>
</div>
.container {
position: relative;
display: inline-block;
}
.text {
position: absolute;
top: 0; 
left: 0;
background-color: rgba(0,0,0,0.5);
color: #fff;
padding: 10px;
}

如上所示，我們需要先在HTML中將圖片和文字包裹在一個div中，并為div設置position: relative屬性。這是因為我們要讓文字絕對定位在相對于div的位置。

然后，我們在CSS中為文字設置position: absolute屬性，并設置top和left值為0，這樣文字就能浮在圖片的正上方。同時，我們給文字添加了一個半透明的黑色背景和白色字體，以增加可讀性。

值得注意的是，由于文字的絕對定位會使得它脫離正常文檔流，如果文字的長度超出了圖片的寬度，那么文字就會超出div的邊界。因此，在實際應用中，你可能需要限制文字的寬度。