html - 在 css 中弄清楚背景图像时遇到一些麻烦

Question

我们大约有 10 名来自丹麦 IT 类(class)的丹麦人，我们发现 css 中的背景图像并没有像我们想要的那样工作。也许有人可以帮助我们？

我个人没怎么解决这个问题，但是我的 friend Jacob(他很忙，所以他不能自己写这个)在过去的一个小时里一直在弄清楚它是如何工作的。他发现，当你给它一个像这样的 URL 时它会起作用:

background-image: url("i.imgur.com/AO4oM9a.jpg");

它会工作得很好，但如果你尝试使用本地文件:

background-image: url("images\background.jpg");

它不会工作，我们已经尝试了一些不同的东西，比如放入文件的完整目标，比如“c:/desktop/website/images/background.jpg”你知道，(可能无效，我只是输入这样你就会明白我所说的完整目的地是什么意思)。

任何人都知道这是如何或为什么行不通的？

顺便说一句，我们在 .css 文件的 HTML 标记中执行此操作，例如:

html { background-image: url("images\background.jpg"); }

Answer 1

您使用的是反斜杠 (\) 而不是正斜杠 (/)。要记住的另一件事是你应该给出正确的图像路径。如果你的 css 文件和图像在同一个文件夹中，你可以这样做

html { 
   background-image: url("background.jpg"); 
}

如果您的 css 位于 css 文件夹中，并且在同一目录中，您的图像位于 images 文件夹中，那么您可以这样做

html { 
   background-image: url("../images/background.jpg"); 
}