在使用CSS設置網頁背景圖片時，我們有時會遇到圖片緩存的問題。即使我們更改了圖片，但是瀏覽器卻依然展示的是之前緩存的圖片，這一點對于我們的開發和測試來說是非常不友好的。那么如何解決這個問題呢？ 其實很簡單，我們只需要在CSS中設置一個參數即可。

body {
background-image: url('your-image-url.jpg?n=123');
}

我們在圖片URL后面增加了一個參數“?n=123”，參數值可以是任何數字或者字母組成的字符串，只要它不同于之前的緩存即可。這樣，瀏覽器會將這個URL視為新的圖片鏈接，從而避免緩存的問題。 當然，如果你使用的是具有版本控制功能的網站或框架，那么你無需手動修改圖片URL。比如，在Vue CLI中，我們可以使用以下代碼來設置背景圖片：

require('@/assets/background.jpg')中的“@”表示src目錄，因此Vue CLI會自動根據webpack的版本控制功能自動處理圖片URL。 總的來說，避免CSS圖片緩存的方法是非常簡單的，只需要在圖片URL后面增加一個新的參數即可。在使用Web開發中，緩存問題是一直存在的，因此我們需要盡可能的了解這些技巧來避免問題的發生。