在Web頁面設計中，有時需要將文字放在圖片的上層，以達到視覺上的效果。這時，可以使用CSS技術來實現文字覆蓋在圖片之上的效果。

下面是實現文字覆蓋圖片上的CSS樣式代碼：

.image-container {
position: relative;
display: inline-block;
}
.image-container img {
display: block;
}
.image-container p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
color: white;
font-weight: bold;
font-size: 24px;
text-align: center;
}

以上代碼中，.image-container類代表圖片容器，其屬性為position: relative;display: inline-block;實現對子元素的定位。

而圖片元素<img>的樣式為display: block;，即將圖片設置為塊級元素，使得其占據整個容器。

最后，<p>元素作為文字容器，使用position: absolute;來實現絕對定位，將文字放到圖片容器的中心位置。同時，使用z-index: 1;使文字層疊在圖片之上。其余屬性如字體顏色、大小、加粗等可根據具體需求修改。

通過以上CSS樣式代碼的設置，就可以在網頁設計中實現文字覆蓋在圖片之上的視覺效果。