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

您的images文件夹与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");
}

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

2 个答案: