CSS實現圖文重疊效果是一種常見的頁面設計技巧，它可以讓網頁看起來更加有層次和美觀。下面我們來看一下實現這種效果的具體方法。

/* 首先，我們需要設置圖片和文字所在容器的樣式 */
.container {
position: relative; /* 容器必須設置為相對定位 */
margin: 20px;
padding: 20px;
border: 1px solid #ccc;
}
.container img {
display: block; /* 圖片必須設置為塊級元素，以免影響布局 */
width: 100%;
}
.container h2 {
position: absolute; /* 文字必須設置為絕對定位 */
top: 20px; /* 距離容器頂部20像素 */
left: 20px; /* 距離容器左側20像素 */
margin: 0;
}
/* 最后，我們可以給容器再加一些額外的樣式，比如陰影效果 */
.container {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

以上是實現圖文重疊效果的基本代碼，我們可以根據具體需要進行調整。例如，可以為容器設置背景色或者添加其他的樣式效果。