CSS中實現文字在背景圖上居中顯示是很常見的需求。通過以下的CSS代碼，我們可以實現這個效果：

.background {
background-image: url("background.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}

在HTML中，我們需要用兩個元素來實現這個效果，分別是包裹背景圖的div和用于顯示文字的div。

<div class="background">
<div class="text">我是居中的文字</div>
</div>

以上代碼中，我們通過CSS的position屬性使文字div在背景圖上脫離文檔流，使用top和left屬性將div的左上角移到父元素的中心位置，最后通過transform屬性再次將文字div移回正常的位置。同時，我們需要添加z-index屬性，確保文字div在背景圖上顯示，而不是被背景圖遮蓋。

通過以上的CSS代碼和HTML結構，我們可以輕松實現CSS文字在背景圖上居中的效果。