另一个文件夹中的CSS图像

Question

我将图像添加到名为“images”的文件夹中，将CSS添加到名为“css”的文件夹中，现在我想使用“images”文件夹中的图像。我该怎么做呢？当我使用它时，它们没有显示出来：

background: url('/images/bg.jpg');

我也试过这些：

background: url('../images/bg.jpg');
background: url('../../images/bg.jpg');

我应该使用什么途径来访问我的图片？

Answer 1

如果您有如下文件夹结构：

/public_html/
    /css/
    /images/
    /index.html

然后你的CSS应该可以工作。

  

  
• 以“/”开头，返回根目录并从那里开始
  
• 以“../”开头向后移动一个目录并从那里开始
  
• 从“../../”开始向后移动两个目录并从那里开始（依此类推......）要继续前进，只需从第一个开始   子目录并继续前进
  

在此处阅读更多内容：http://css-tricks.com/quick-reminder-about-file-paths/

Answer 2

以下是回答https://stackoverflow.com/questions/940451/using-relative-url-in-css-file-what-l‌​ocation-is-it-relative-to的问题。

这是来自答案http://www.w3.org/TR/REC-CSS1/#url

的W3C规范

换句话说，它依赖于你的帖子评论的文件夹结构， Sport Billy 。

我希望它有所帮助

Answer 3

使用背景图像时，请确保为包含图像的容器提供宽度和高度。