CSS是前端開發中不可或缺的工具之一，除了可以實現各種布局效果外，還可以通過其強大的樣式控制功能，實現圖片覆蓋文字的效果。

首先，我們需要在HTML頁面中插入一張圖片和一段文本：

<div class="container">
<img src="picture.jpg" alt="圖片">
<p>這是一段文字</p>
</div>

接下來，我們需要使用CSS樣式控制，將圖片與文字進行覆蓋。代碼如下：

.container {
position: relative; /*設置容器為相對定位*/
width: 500px;
height: 300px;
}
img {
position: absolute; /*設置圖片為絕對定位*/
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5; /*設置圖片的透明度*/
}
p {
position: absolute; /*設置文字為絕對定位*/
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /*居中顯示*/
font-size: 24px;
color: #fff;
}

通過設置容器的position為relative，圖片的position為absolute，可以讓圖片與文字實現相對效果，從而覆蓋在一起。此外，通過opacity屬性可以設置圖片的透明度，從而讓文字更加清晰可見。

最終的效果如下：

這是一段文字

需要注意的是，圖片和文字的父元素容器需要設置合適的width和height屬性，否則可能會導致圖片和文字顯示不全。