css - Rails 4 中的图像路径

Question

我最近在 Heroku 上部署了一个元素并修复了大部分 Assets 管道问题，这样我的样式表和 javascript 文件就可以正常工作了。但是，我在一个 css 文件中有一行代码，我认为它可以根据文档和其他 stackoverflow 主题工作:

background-image: image-url("giphy.gif");

鉴于我的原始代码只是 url("giphy.gif")，我直接从另一个 stackoverflow 解决方案中获得了该行。使用任一代码加载页面都会在控制台中显示 404。该元素的结构类似于 Rails 应用程序，因此 app->assets 文件夹具有:

• 图像
  • giphy.gif
• 样式表
• javascript.

我试过 asset-url、image-url、url、“images/giphy.gif”、“giphy.gif”。已经尝试了很多次迭代。我认为这应该是一个简单的开关，但我不确定我遗漏了什么。感谢所有帮助!谢谢

更新:

错误信息:GET https://herokuappname.herokuapp.com/assets/giphy.gif 404(未找到)

我什至尝试只移动 gif，使其位于 assets 文件夹而不是 images 子文件夹中。

Answer 1

试试 background-image: url('giphy.gif');