背景/背景圖片不起作用？

Question

我正在練習建立Harley Davidson網站，但遇到了一個有關“背景”和“背景圖像”的奇怪問題。

控制台中不斷出現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");
}

為什么圖像不出現？

• 也嘗試過“身體”“背景：”，但一無所獲。

Answer 1

您的圖像文件夾與css文件位於同一文件夾中嗎？ 因為如果沒有，您的網址應如下所示：

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

包括../會將當前文件夾../到主項目目錄中的images文件夾中。

Answer 2

您的項目的結構如何？ 如果查看錯誤，則路徑為：

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

您的圖片文件夾是否與CSS文件夾處於同一級別？

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

/images
/css

您需要更高的水平。 嘗試以下方法：

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