CSS可以幫助我們實現文字覆蓋圖片的效果，這個技巧常常用于實現圖片加文字的效果，給網頁增添更多的美觀和信息。

/* CSS代碼 */
.container {
position: relative;
}
.container img {
width: 100%;
height: auto;
 }
.container p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
color: #fff;
text-align: center;
background-color: rgba(0,0,0,0.5);
padding: 10px;
}

首先，在HTML文件中創建一個容器，這里我用類名為container來命名，用于包含圖片和文字。接著，在CSS樣式中利用position:relative給外層容器添加相對定位。隨后，在CSS樣式中針對img元素使用width: 100%和height: auto來設置圖片的大小，使圖片能夠自適應大小。

最后，我們在CSS樣式中為p標簽添加了絕對定位，通過top和left屬性進行定位，利用transform屬性進行居中處理，再添加文字樣式和背景顏色即可，這里我設定了文字為24px、白色，且背景顏色為黑色帶有0.5的透明度，用于凸顯文字效果。">

以上就是利用CSS實現文字覆蓋圖片的一種方法。如果需要實現長文本顯示的效果，還可以利用text-overflow:ellipsis;來實現文字省略號效果，讓整個頁面效果更加優美。