css - 为什么我看不到使用 bootstrap CSS 设置的背景图片，但可以看到外部图片资源？

Question

我正在使用 Bootstrap 编写 Rails 应用程序。我想为它设置一个图像背景，这是我使用 override.css.scss 文件完成的。查看我的图像时背景显示为白色，该图像位于 app/assets/images/ 文件夹中。

如果我将图像设置为外部资源，它可以正常显示。

用本地镜像覆盖 CSS:

html, body {
    padding-top: 60px;
    background-image: url('app/assets/images/nyc.png');
    /* background-repeat: no-repeat; */
    background-color: transparent;
    height: 1000px;

}

用外部图像覆盖 CSS:

html, body {
    padding-top: 60px;
    background-image: url('http://www.google.com/intl/en_com/images/srpr/logo3w.png');
    /* background-repeat: no-repeat; */
    background-color: transparent;
    height: 1000px; 
}

莫名其妙。

Answer 1

CSS 中的相对 URL 是相对于 CSS 文件的，所以您可能指向了错误的位置？

/path/to/app/assets/images/nyc.png
/path/to/style.css

除非您的 CSS 文件位于此处，相对于有问题的文件，您将在该图像上获得 404。