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

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");
}