在CSS中，我們經常會使用background-image屬性來添加背景圖片，或使用img標簽來添加一張圖片。但是在實際使用過程中，有時候我們改變了CSS中的代碼卻發現圖片并沒有改變。那么，這是為什么呢？

//CSS代碼
.background-img{
background-image: url("old-image.jpg");
}
//HTML代碼
<div class="background-img"></div>

在上面的代碼中，我們使用了背景圖片的方式來添加了一張圖片，并給它添加了一個樣式。如果我們想要更改這張圖片，我們只需要替換url中的舊圖片為新圖片即可。

//更改背景圖片
.background-img{
background-image: url("new-image.jpg");
}

然而，有時在代碼中更改了背景圖片地址后卻發現網頁并沒有顯示新的圖片。這是因為瀏覽器會對已經緩存過的圖片進行緩存，而不會重新下載新的圖片。所以，為了能夠及時更新圖片，我們需要強制清除瀏覽器緩存。

另外，如果我們使用的是img標簽添加圖片，我們需要確保我們更改的是img標簽的src屬性。同樣地，我們在更改后也要清除瀏覽器緩存，以便使頁面能夠及時加載新的圖片。

//HTML代碼
//更改圖片

在總結上述內容之前，我們需要注意，當圖片鏈接發生更改時，為了避免出現404錯誤，我們應該確保新圖像和舊圖像位于相同的目錄中，或在更改鏈接時也更改圖像文件所在的路徑。

綜上所述，我們需要清除瀏覽器緩存，以便更改后的頁面能夠及時加載新的圖片，并確保更改圖片鏈接時的路徑正確無誤。這樣，我們才能在頁面上成功使用新的圖片。