CSS图片在另一个文件夹中

Question

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

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

我也尝试了以下方法:

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

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

- Chathula

---

“images”和“css”文件夹处于同一层级吗？ - Vassilis Barzokas

图片文件夹是否在同一工作目录中？我的意思是，图片文件夹和当前页面使用上述代码的currentpage.css文件是否在同一个文件夹中？ - Ritesh Kumar Gupta

你试过 images/bg.jpg 吗？ - Ritesh Kumar Gupta

这里是相同问题的答案：https://dev59.com/OHNA5IYBdhLWcg3wfd8m。希望能有所帮助。 - winner_joiner

如果两个文件夹在同一级别上，请使用 ../images。 - emerson.marini

嘿，你找到比这些更好的答案了吗？如果找到了，请分享或接受一个。谢谢。 - winner_joiner

Answer 1

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

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

然后您的CSS就应该起作用了。

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

在这里阅读更多：http://css-tricks.com/quick-reminder-about-file-paths/

- mikkelz

Answer 2

以下是相同问题的回答：https://dev59.com/OHNA5IYBdhLWcg3wfd8m‌​ocation-is-it-relative-to。

这里是来自答案的W3C规范：http://www.w3.org/TR/REC-CSS1/#url

换句话说，它取决于文件夹结构，正如Sport Billy在您的帖子下评论的那样。

希望有所帮助

- winner_joiner

Answer 3

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

- defau1t

---

这是问题的答案吗？或许只是个提示。 - emerson.marini

这是一个答案，而不是提示。我相信你没有遇到过这个问题。 - defau1t

这里的问题是关于文件夹，而不是最佳实践。那就是我所说的意思。 - emerson.marini

这句话的意思是：它不仅建议正确的做法，还回答了原帖中的问题——背景图片没有显示。他说尝试了不同的方法，但都没有成功，可能是因为他没有指定宽度和高度。 - Vassilis Barzokas

@Sport Billy +1 因为你是正确的。我个人会在问题的评论部分写下这个答案，但它是一个有效的回答。 - winner_joiner