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。

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

1 个答案: