背景/背景圖片不工作？

我正在修煉哈雷戴維森網站，我遇到了一個關於'背景'和'背景圖像'的奇怪問題。背景/背景圖片不工作？

404類型的錯誤繼續出現在控制檯：

(anonymous) @ jquery.min.js:2 
i @ jquery.min.js:2 
fireWith @ jquery.min.js:2 
ready @ jquery.min.js:2 
K @ jquery.min.js:2 
jquery.min.js:2 GET file:///Users/benjamingibbs/Desktop/Harley%20Davidson/css/images/austin-neill-174636.jpg net::ERR_FILE_NOT_FOUND

沒有什麼錯的文件路徑。當我在div中使用'img'標籤時，圖像加載也會從同一目錄中出現。

.jumbotron { 
    background: url("images/austin-neill-174636.jpg"); 
}

爲什麼圖像不顯示？

嘗試'身體''背景：'以及但沒有。

來源

2017-03-26 Benjamin Gibbs710

您是否正在將圖像加載到css文件中？如果是，那麼CSS文件與HTML文件位於同一位置？ –

請提供css和html文件所在的路徑，以便我們看到問題出在哪裏 – Paul

還應該提及如果您是從JavaScript文件加載圖像，並且該文件與目錄不在同一目錄中HTML文件，那麼路徑將需要更新。 –

您的圖片文件夾與您的css文件位於同一個文件夾中嗎？因爲如果不是，您的網址應該是這樣的：

background: url("../images/austin-neill-174636.jpg");

包括../逃脫當前文件夾的圖片文件夾中的主要項目目錄。

來源

2017-03-26 13:08:44

您的項目結構如何？如果你看一下你的錯誤路徑是：

.../css/images/austin-neill-174636.jpg

請問你的圖片文件夾是在你的CSS文件夾的同一級別？

如果你的項目結構是這樣的：

/images 
/css

你需要去一個更高的水平。試試這個：

.jumbotron { 
    background: url("../images/austin-neill-174636.jpg"); 
}

來源

2017-03-26 13:11:59

背景/背景圖片不工作？

回答

相關問題