背景圖片路徑，CSS不工作在CSS

相對路徑不工作時，它是正確的背景圖片路徑，CSS不工作在CSS

{ width: 64px; background: url(../images/abc/xyz/bottom-navigation.jpg) no-repeat 0 0; }

螢火蟲給這個錯誤

enter image description here

文件夾路徑 enter image description here

如果您希望我們幫助您，我們需要提供更多信息 – JohnP 2011-04-27 10:36:08

是否在Firebug的網絡面板中加載圖像？ DOM是什麼樣的？ – Homer6 2011-04-27 10:36:27

no no loading .. – 2011-04-27 10:41:43

在CSS的路徑是相對於樣式表，所以確保你有這個正確的。根據您發佈的代碼，您的樣式表需要位於文件夾中（例如css），並且該文件夾與images位於同一目錄級別。

另一種更好的選擇是使用相對於您的域的路徑。因此，如果圖像文件夾位於根目錄中，則可以使用url("/images/abc/xyz/bottom-navigation.jpg")（注意，將引號放在CSS文件名中是個好習慣）。

另一種可能性是加載圖像時出現某種問題。在Firebug中，您應該可以右鍵單擊URL並打開圖像。做到這一點，並確保它加載並顯示正確的路徑。

2011-04-27 10:38:38 DisgruntledGoat

但同樣的路徑正在爲站點 – 2011-04-27 10:39:56

@Jitendra一些圖像工作，嘗試通過Firebug打開圖像 - 圖像加載？另外，如果可能的話，現場示例將很方便。 – DisgruntledGoat 2011-04-27 10:41:48

在螢火蟲淨面板圖像顯示一段時間然後不見 – 2011-04-27 10:46:58

我面臨同樣的問題，並在一段時間後發現它。如果圖像位於當前目錄中的升級目錄中，則基本上相對於背景的url不起作用。它必須位於相同或子目錄中。這對我有用。

2018-03-04 06:01:56

回答