多个文件夹组织和引用CSS

时间:2013-02-28 09:04:40

标签: css image background directory

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

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

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

以下是我一直在使用的代码

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

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

3 个答案:

答案 0 :(得分:1)

你需要回到路径并获取你的形象。像这样的东西:

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

这里../意味着在路径中退一步。并使用/代替\

答案 1 :(得分:0)

这应该可以正常工作:

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

答案 2 :(得分:0)

您可以在CSS中使用:

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

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