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(注意 /在开头)。两者都应该工作，假设 Assignment 是你的根目录

更新:您可能有兴趣阅读有关相对和绝对路径的内容。