css - 多文件夹组织和引用 CSS

Question

好的，所以我正在尝试为网站组织文件目录。它看起来像这样。

 - My Blog Site
   - HTML-CSS-DOCUMENTS
     - CSS-MAIN.css
   - BACKGROUND-IMAGES
     - Background.png

但在 CSS 文档中，我似乎无法让它使用图像。

这是我一直在使用的代码

background-image:url("My Blog Site\BACKGROUND-IMAGES\Background.png");

有人可以解决它或告诉我我做错了什么，谢谢！

Answer 1

您需要返回路径并获取图像。像这样的东西：

background-image: url('../BACKGROUND-IMAGES/Background.png');

这里../的意思是在道路上倒退一步。并使用/而不是\.

Answer 2

这应该可以正常工作：

background:url('http://mywebsite.com/background-images/background.png');

Answer 3

您将在您的 CSS 中使用：

background-image: url('../BACKGROUND-IMAGES/Background.png');

您使用 ../ 返回一个目录，然后从该目录链接。