CSS的背景圖功能可以讓我們在元素中添加背景圖片，但是有時候我們希望圖片可以被覆蓋在背景圖上，這該怎么實現呢？

.container {
background-image: url(bg-img.jpg);
}
.overlay {
position: relative;
}
.overlay img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

以上的代碼中，我們先在容器中添加背景圖，并使容器的位置為相對定位。然后我們再添加一個叫做overlay的元素，它也是相對定位的。接下來，我們在overlay元素中添加一個img標簽，并將其定位為絕對定位，使它覆蓋在整個overlay元素上面，借助z-index屬性保證圖片是在背景圖之上。現在，我們的圖片就被成功地覆蓋在容器的背景圖上面了。

以一張名為photo.jpg的圖片為例，實現如下：

<div class="container">
<div class="overlay">
<img src="photo.jpg">
</div>
</div>
<style>
.container {
background-image: url(bg-img.jpg);
}
.overlay {
position: relative;
}
.overlay img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
</style>

以上代碼中，我們先將容器設置了bg-img.jpg作為背景圖，然后在overlay元素中添加了一張photo.jpg圖片，并使其覆蓋在背景圖之上。

在CSS中實現覆蓋背景圖的方法還有很多，這里只是其中的一種。我們可以根據需求選擇不同的方法，從而達到最佳的展示效果。