css - 使用 Bootstrap 时向 Rails 应用程序添加背景图像

Question

我正在开发一个使用 Bootstrap 作为 Rails (bootstrap-sass) 框架的应用程序。我想要做的是添加一个甜美的背景图像，但无论我尝试什么，我似乎都无法覆盖身体的白色背景。

有没有人在这方面取得成功？我必须更改或添加什么才能实现这一点？

除了尝试其他事情之外，我什至尝试将 body 中的所有内容包装在一个带有 id 的 div 中，然后在自定义 css.scss 文件中调用该类，在该文件中我已经成功自定义了 Bootstrap 的其他方面。

我使用 id 添加的代码：

html body #bgimage {
  background-image: image-url('/images/cityscape.jpg');
}

编辑：我刚刚检查了开发本地服务器中的错误，我有这个： ActionController::RoutingError (No route matches [GET] "/assets/images/cityscape.jpg"): /Edit

谢谢！

score 5 · Accepted Answer

最近有一个类似的讨论，问题是background-image奇怪地不适用于bootstrap. 尝试：

html body #bgimage {
    background: url('cityscape.jpg');
}

请注意，asset-pipeline它可以找到文件的正确位置，因此您不必提及路径。

score 0 · Accepted Answer

如果您cityscape.png在assets/images/目录中，请使用以下命令：

html body #bgimage {
    background-image: url(image_path('cityscape.jpg'));
}

并且要使用您的原始来源，您必须/images/从您的image-urlas 中删除：

html body #bgimage {
  background-image: image-url('cityscape.jpg');
}

2 回答 2