CSS的背景圖可以覆蓋原本的圖片，這是一個非常有用的技巧。讓我們來看看如何用CSS來實現(xiàn)這個技巧。
首先，我們需要有一個HTML元素，比如一張圖片。我們可以把這張圖片放在一個div元素里，然后給div元素一個類名。比如這樣：

<div class="image">
<img src="example.jpg" alt="Example" />
</div>

現(xiàn)在我們需要用CSS來添加背景圖并覆蓋原本的圖片。首先，我們需要設(shè)置div元素的樣式，讓它的寬高與圖片一樣，然后把它的overflow屬性設(shè)置為hidden，這樣它就可以隱藏原本的圖片。如下所示：

.image {
width: 500px;
height: 300px;
overflow: hidden;
}

現(xiàn)在我們需要在這個div元素里添加一個背景圖。我們可以使用CSS的background屬性來實現(xiàn)這個效果。如下所示：

.image {
width: 500px;
height: 300px;
overflow: hidden;
background: url('example-bg.jpg') no-repeat center center;
}

你可以看到，我們添加了一個新的背景圖片。這張圖片將會覆蓋原本的圖片，這就是我們想要的效果。
需要注意的是，背景圖片的路徑應(yīng)該是相對于CSS文件的位置。所以如果你的CSS文件與圖片在同一個文件夾下，那么你只需要寫圖片的文件名。
這就是如何使用CSS的背景圖片來覆蓋原本的圖片。這個技巧非常有用，可以讓你創(chuàng)建非常炫酷的效果。