image - 从 CSS 调用图像

Question

• 我的 .html 文件都在Assignment1/*.html文件中
• 我的 CSS 文件在Assignment1/style/cssfile.css
• 我的图片在Assignment1/images/images.png

我如何从文件中调用Assignment1/style/cssfile.css图像Assignment1/images/images.png？

我不能像 html 文件那样做，因为我只能转发文件夹以通过。我正在尝试做：

.top {background-image: url("Assignment1/images/deco1400.png");}

从css文件无济于事。

如何从位于不同目录的 CSS 中引用我的图像文件。

Answer 1

尝试

background-image: url("../images/deco1400.png");

你的树结构就像

Assignment1
  style
    style.css <- you are here
  images
    img1.png

所以要么你需要升一级（..）然后输入图像，要么你需要提供绝对路径/images/img1.png（注意/开头）。两者都应该工作，假设分配是你的根目录

更新：您可能有兴趣阅读有关相对路径和绝对路径的信息。