从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是你的根目录

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