另一个文件夹中的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

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