8

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

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

我也试过这些：

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

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

4

3 回答 3

23

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

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

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

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

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

于 2013-04-03T11:00:58.713 回答
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在您的帖子下评论的那样。

我希望它有帮助

于 2013-04-03T10:58:31.123 回答
1

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

于 2013-04-03T10:56:08.623 回答