在網頁設計中，使用背景圖是非常常見的一種方式，可以為網頁增添美感和視覺效果。但是有時候，我們的圖片與背景圖產生了沖突，我們需要覆蓋圖片來達到我們想要的效果。這時候，我們可以使用CSS來實現。

.cover-img{
background-image: url(../images/background.jpg);
background-size: cover;
position: relative;
}
.cover-img img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

首先，我們需要設置一個擁有背景圖的容器，這里我們使用cover-img作為類名來進行設置。在此，我們將背景圖作為容器的background-image，并且使用background-size屬性來撐滿整個容器。此時，我們的背景圖已經覆蓋了整個容器。

為了讓圖片浮在背景圖上方，我們需要將圖片的position設置為absolute（絕對定位），然后使用top和left讓圖片居中。這時，我們需要將圖片所在的div元素放入容器之中。最后，我們通過transform將圖片移動至容器的中心點。

這樣，我們就成功地覆蓋了原來的圖片，使得背景圖能夠更好地發揮其作用，同時仍然能夠將重要信息展示在頁面上。