在網頁中，CSS是一種非常重要的語言。通過CSS可以給網頁添加樣式，從而使得網頁看起來更加美觀和吸引人。CSS具有很多種應用場景，其中一種非常常見的用法就是使得字體浮在圖片的上面。這種效果很炫酷，可以給用戶留下深刻的印象。

/*創建一個圖片容器*/
.image-container{
position:relative;/*相對定位*/
width:600px;
height:400px;
}
/*在圖片容器上面添加一個DIV，用于放置文字*/
.image-text{
position:absolute;/*絕對定位*/
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);/*使用半透明黑色背景*/
color:white;/*字體顏色為白色*/
text-align:center;/*文字居中對齊*/
font-size:24px;/*字體大小為24px*/
padding-top:50px;/*上下留白50px*/
box-sizing:border-box;/*包含padding在內的寬度*/
}

上述代碼定義了一個圖片容器，聲明了其寬度和高度，并設置了相對定位。接著，我們添加了一個DIV，用于放置文字。這個DIV使用了絕對定位，在圖片容器的左上角，寬度和高度都為100%，并且使用了半透明黑色背景。

下面是一個示例圖片及效果展示：

<div class="image-container">
<img src="example.jpg">
<div class="image-text">This is an example</div>
</div>

This is an example

以上就是使用CSS讓字浮在圖片上面的方法。通過簡單的CSS代碼，我們不僅能夠給圖片添加文字，還能夠讓文字變得更加炫酷，增加網站的美觀度。