在CSS中，我們可以使用background-image屬性來設置背景圖片，通過給屬性傳遞一個URL來告訴CSS需要顯示哪一張圖片。但是，有時候你會發現，當你在CSS中添加URL的時候，會出現報錯的情況。

.selector {
background-image: url('image.jpg');
}

代碼看上去并沒有什么問題，但當你運行的時候會發現，控制臺報錯提示說“Failed to load resource: the server responded with a status of 404（Not Found）”。這是因為你傳遞的URL地址可能有誤。

要解決這個問題，你需要確保傳遞的URL是正確的。檢查你的文件名，確保它與CSS文件夾中的圖片文件名大小寫一致。如果你使用的是相對路徑來鏈接圖片，確保你的路徑是正確的。

/* 當你要鏈接同級目錄下的圖片時，可以這樣使用 */
.selector {
background-image: url('./image.jpg');
}
/* 當你要鏈接上級目錄下的圖片時，可以這樣使用 */
.selector {
background-image: url('../image.jpg');
}
/* 當你要使用完整的URL來鏈接時，可以這樣使用 */
.selector {
background-image: url('https://example.com/image.jpg');
}

還有一個常見的錯誤是忘記在URL中添加引號。如果你傳遞的URL沒有引號，那么它會被解釋為是一段無效的CSS代碼，這也會導致報錯一場。

/* 錯誤示例：缺少引號 */
.selector {
background-image: url(image.jpg);
}
/* 正確示例：添加了引號 */
.selector {
background-image: url('image.jpg');
}

總之，當你在CSS中添加URL的時候，要確保路徑、文件名正確無誤。同時，也要記得在URL中添加引號，這樣才能確保你的CSS代碼正確無誤，不會出現報錯的情況。