CSS：圖像URL不起作用

Question

這裏是我的文件夾結構：

我試圖用background-image: url("../storage/other_images/image2.png");

訪問圖片但是不顯示圖像。但是，如果我嘗試訪問另一個這樣的圖像：background-image: url("/images/image1.png");它的作品。

如果我嘗試background-image: url("../public/images/image1.png");它再次失敗。這應該工作，因爲我基本上提供相同的網址。

另一個奇怪的是，background-image: url("../images/image1.png");也可以（應該嗎？）。我甚至可以寫background-image: url("../../../../../../../images/image1.png");，它仍然可以找到它。

這是它應該如何？

主要問題是：如何正確指定image2.png的url？

Answer 1

您的public和storage處於同一級別，並且storage由於不在Web根目錄下而無法通過URL訪問。

另外../somedir/image.png將從當前目錄解釋。最好始終指定/somedir/image.png（第一個字符/，因爲它指定了根目錄）。