【问题标题】:CSS Images In another Folder [duplicate]另一个文件夹中的CSS图像[重复]
【发布时间】:2013-03-25 00:04:57
【问题描述】:

我将图像添加到名为“images”的文件夹中,并将 CSS 添加到名为“css”的文件夹中,现在我想使用“images”文件夹中的图像。我该怎么做呢?当我使用它时,它们没有出现:

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

我也试过这些:

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

我应该使用什么路径来访问我的图像?

【问题讨论】:

标签: html css


【解决方案1】:

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 在您的帖子下评论的那样。

希望对你有帮助

【讨论】:

    【解决方案2】:

    如果您的文件夹结构如下:

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

    那么你的 CSS 应该可以工作了。

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

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

    【讨论】:

      【解决方案3】:

      当您使用背景图片时,请确保您也为包含图片的容器指定宽度和高度。

      【讨论】:

      • 这是问题的答案吗?也许只是一个小费。
      • 这是一个答案。不是小费。我相信你没有遇到过这个问题。
      • 这里的问题是关于文件夹,而不是最佳(正确)实践。我就是这个意思。
      • 这不仅是在建议正确的做法,而且是在回答OP的问题,即背景图像不显示。他说他尝试了不同的方法,但都没有奏效,所以可能是因为他没有指定宽度和高度。
      • @Sport Billy +1 因为你是对的。我个人会在问题的评论部分写这个,但这是一个有效的答案。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-07-30
      • 1970-01-01
      • 2014-09-17
      • 1970-01-01
      • 1970-01-01
      • 2018-03-18
      相关资源
      最近更新 更多