在網頁設計中，我們經常使用CSS來設置背景圖片，然而有時候，圖片卻不出現，這可能讓我們感到困惑。下面我們來探討一下CSS背景圖片不出現的幾種原因。

1. 路徑錯誤：

background-image: url("images/bg.jpg");

在CSS中，我們常常使用url()函數來設置背景圖片的路徑，如果路徑有誤，圖片就無法顯示。因此，在使用路徑時，需要確保路徑的正確性，可以通過瀏覽器開發者工具查看相對于當前CSS文件的路徑。

2. 圖片不存在：

background-image: url("images/bg.jpg");

如果你使用的圖片文件不存在，那么自然圖片也無法顯示。因此，在使用圖片之前，需要確認圖片文件是否存在，并確保圖片的大小和格式符合要求。

3. 圖片被遮蓋：

#container {
width: 500px;
height: 500px;
background-color: #fff;
position: relative;
}
#container:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 500px;
height: 500px;
background-image: url("images/bg.jpg");
opacity: 0.5;
}

在上面的代碼中，我們使用偽元素:before來為#container添加背景圖片，并設置了透明度。但是，由于偽元素的位置在#container前面，因此圖片就被遮蓋了。此時，我們只需要將#container的position屬性設置為relative，讓它在文檔流中占據位置，就可以解決這個問題了。

以上是三個常見的原因，導致CSS背景圖片不出現。在實際開發中，我們需要仔細排查，確保圖片的正確顯示。