CSS中可以使用position屬性將文字覆蓋在圖片上，具體步驟如下：

1、在HTML中，將圖片和文字分別設置為兩個元素。

2、將圖片元素的position屬性設置為absolute，使其脫離文檔流，并可以定位在任意位置。

3、將文字元素的position屬性設置為relative，使其相對于圖片元素進行定位。

4、使用top、left、right、bottom等屬性調整文字元素的位置，使其覆蓋在圖片上。

以下是一個示例代碼：

<div style="position:absolute; width:200px; height:200px; background-image:url('image.jpg');"></div>
<div style="position:relative; top:0; left:0; width:200px; height:200px; background-color:rgba(255,255,255,0.5);"></div>

在上面的代碼中，圖片元素被設置為***定位，并指定了寬度和高度，文字元素則被設置為相對定位，并使用top和left屬性將其定位在圖片的左上角，為了將文字顯示在圖片上，將文字元素的背景色設置為半透明的白色。

需要注意的是，如果圖片元素的尺寸比文字元素小，那么文字可能會被裁剪或者無法完全顯示，在實際應用中，需要根據(jù)具體需求調整元素的大小和位置。