如果想在網頁上實現在圖片上方添加文字、圖片和文字疊加等效果，可以使用CSS來實現，具體實現方法如下：

.container {
position: relative;
}
.image {
width: 100%;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

首先定義一個容器，將圖片和文字都放在容器中，使容器的定位屬性為relative，保證容器中的子元素（即圖片和文字）可以根據容器的位置來進行定位。

接著定義圖片的樣式，可以設置寬度、高度等，保證圖片可以完全顯示在容器中。

最后定義文字樣式，使用絕對定位（position: absolute）將文字放在圖片上方，然后用CSS3的transform屬性來將文字水平垂直居中顯示。

代碼如下：

This is a text on the image

使用以上CSS和HTML代碼即可實現將文字放在圖片上的效果。