背景图像不会出现在我正在开发的 Rails 应用程序中答案

【问题标题】：background image wont show up in the rails app i'm working on背景图像不会出现在我正在开发的 Rails 应用程序中
【发布时间】：2015-05-18 03:13:48
【问题描述】：

我正在尝试在 Rails 应用程序中进行一些前端设计工作，但我似乎无法让背景图像显示在我的英雄部分！我认为这可能与他正在使用 postgresql 而我的系统没有。

这是我的 css/scss

/*************************HOME PAGE*************************/

body {
    font-family: 'Poiret One', cursive;
}

 .head { 
    border-bottom-style: solid;
    border-color: #fff; 
    border-bottom-width: 1px; 
    padding-bottom: 12px;
    padding-top: 12px;
 }

.headtext {
    font-size: 200%;
    padding-top: 67px;
    font-weight: bold;
}

.hero {
    background: url('heroimage.png');
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px;

我已经运行了“bundle exec rake assets:precompile RAILS_ENV=production” 和“rake assets:precompile”命令看看它是否有帮助，但它似乎仍然没有出现。当我捆绑安装时，安装“pg gem”也有问题。该图像位于 app/assets/images 目录中。对不起我的无知！谢谢！

【问题讨论】：

开发模式下能看到吗？这是 Rails 4 应用程序吗？
您是否在图像上收到 404 错误？我不完全确定您的路径对图像是否正确。如果它在 app/assets/images 中，请查看您是否收到 404 以及它正在寻找什么路径，然后告诉我们。

标签： css postgresql ruby-on-rails-4 sass background-image

【解决方案1】：

如果您使用提供的 SASS 辅助方法，Rails/Sprockets 将智能地在 app/assets、vendor/assets、public 等中查找图像。

您的选择是：image-url("heroimage.png")、image-path("heroimage.png")、asset-url("heroimage.png") 或 asset-path("heroimage.png")。

（如果需要，您也可以使用 ERB 助手 - 请参阅下面的文档链接。）

Here's 文档链接。

【讨论】：

非常感谢！完全有帮助！
@pdoherty926 如果以上选项都不起作用怎么办？我已经尝试了所有选项。图片在 app/assets/images 文件夹中。
@doyz 我建议您自己创建一个问题并提供更多背景信息。