从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

所以要么你需要升级1级（..）然后输入图像，或者你需要给出绝对路径/images/img1.png（注意/开头）。两者都应该有效，假设Assignment是你的根目录

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