CSS - 不显示图片

Question

Ruby 1.9.2 Rails 3.1

我在3个不同的项目中尝试过，同样的事情发生了：

1. css文件被复制到/ assets / stylesheets
2. 将图像复制到/ assets / images
3. 样式表适用于所有页面（好）
4. 来自/ assets / images的图片不会被废弃

我检查了css文件，所有这些文件都包含了这样的图像

#wrapper {
    background: url(images/img02.jpg) no-repeat left top;

文件未显示时的任何想法？ 感谢。

Answer 1

如果我没错，你的css文件在/ assets / stylesheet /目录中 因此，如果你输入样式表，一个url，它将在当前目录中查找给定文件的stylesheets /目录。

您正在寻找../images/img02.jpg，所以

    #wrapper {
        background: url('../images/img02.jpg') no-repeat left top;

Answer 2

您没有将他们指向正确的文件夹。您的css正在资产/样式表文件夹中查找名为“images”的文件夹。尝试将其添加到您的代码中：

../

所以它看起来像这样：

#wrapper {
    background: url(../images/img02.jpg) no-repeat left top;
}

Answer 3

CSS文件中的路径是相对于CSS文件本身的路径。所以你在资产/样式表/图像中寻找你的图像文件。将样式更改为：

background: url(../images/img02.jpg) no-repeat left top;