Rails:如何在Rails 4中引用CSS中的图像

Heroku上的Rails 4有一个奇怪的问题。当图像被编译时，它们被添加了散列，但从CSS中引用这些文件时没有适当的名称调整。这就是我的意思。我有一个叫logo。png的文件。然而，当它出现在heroku上时，它被视为:

/assets/logo-200a00a193ed5e297bb09ddd96afb953.png

然而，CSS仍然声明:

background-image:url("./logo.png");

结果是:图像无法显示。有人遇到过这种情况吗?如何解决这个问题?

当前回答

这招对我很管用:

background: #4C2516 url('imagename.png') repeat-y 0 0;

其他回答

散列是因为资产管道和服务器优化缓存 http://guides.rubyonrails.org/asset_pipeline.html

试试这样做:

 background-image: url(image_path('check.png'));

古德勒克

这应该能让你每次都做到。

background-image: url(<%= asset_data_uri 'transparent_2x2.png'%>);

当使用宝石'sass-rails'时，在Rails 5, bootstrap 4中，以下对我有用，

在.scss文件:

    background-image: url(asset_path("black_left_arrow.svg"));

视图文件(例如.html.slim):

    style=("background-image: url(#{ show_image_path("event_background.png") })");

默认情况下，Rails 4不会为您的资产服务。要启用此功能，您需要进入配置/应用程序。Rb，加上这一行:

config.serve_static_assets = true

https://devcenter.heroku.com/articles/rails-4-asset-pipeline#serve-assets

这招对我很管用:

background: #4C2516 url('imagename.png') repeat-y 0 0;

推荐文章