背景/背景图像不起作用

Question

我正在练习建立一个哈雷戴维森网站，我遇到了一个关于"背景"和"背景图像"的奇怪问题。

控制台中不断出现 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");

包括../会将当前文件夹转义到主项目目录中的图像文件夹。

Answer 2

您的项目是如何构建的？如果您查看错误，则路径为：

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

您的图像文件夹是否与 CSS 文件夹处于同一级别？

如果您的项目结构如下所示：

/images
/css

你需要更上一层楼。试试这个：

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