CSS中使用z-index屬性可以控制元素的疊放順序，當需要將文字置于圖片之上時，我們可以使用z-index來實現。

實現方式

img {
position: relative;
z-index: 1;
}
.text {
position: absolute;
z-index: 2;
}

在上述代碼中，我們為圖片添加了相對定位，并設置了z-index值為1，即將其放置在最低層級。接著，我們為文字添加了絕對定位，并設置了z-index值為2，即將其放置在最高層級。

需要注意的是，當元素為static（默認）定位時，z-index屬性不會生效。因此，我們需要將元素的定位方式設置為relative或absolute。

示例

這是置于圖片之上的文字

.container {
position: relative;
}
img {
position: relative;
z-index: 1;
}
.text {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

這是置于圖片之上的文字

上述示例中，我們將容器設置為相對定位，圖片設置為相對定位，并將文字設置為絕對定位。文字還使用了居中對齊的樣式，使其完美地置于圖片之上。