参考Rails文档，我们可以看到有几种方法可以链接到css中的图像。请参阅第2.3.2节。

首先，如果您的css文件是sass文件，请确保它具有.scss扩展名。

接下来，你可以使用ruby方法，这真的很难看:

#logo { background: url(<%= asset_data_uri 'logo.png' %>) }

或者你可以使用更好的特定形式:

image-url("rails.png") returns url(/assets/rails.png)
image-path("rails.png") returns "/assets/rails.png"

最后，你可以使用一般形式:

asset-url("rails.png") returns url(/assets/rails.png)
asset-path("rails.png") returns "/assets/rails.png"

没有一个答案是关于。css的。Erb扩展，如何引用图像。对我来说，我同时从事生产和开发工作:

2.3.1 CSS和ERB

资产管道自动评估ERB。这意味着如果你添加一个erb扩展到一个CSS资产(例如，application.css.erb)，那么像asset_path这样的助手在你的CSS规则中是可用的:

.class { background-image: url(<%= asset_path 'image.png' %>) }

这将写入被引用的特定资产的路径。在这个例子中，在一个资源加载路径中有一个图像是有意义的，比如app/assets/images/image.png，这里将引用它。如果此图像已作为指纹文件在公共/资产中可用，则会引用该路径。

如果您想使用数据URI(一种将图像数据直接嵌入到CSS文件中的方法)，您可以使用asset_data_uri帮助器。

.logo { background: url(<%= asset_data_uri 'logo.png' %>) }

这将在CSS源中插入格式化正确的数据URI。

注意，结束标记的样式不能是-%>。

在Rails 4中，你可以像这样在你的.SCSS文件中引用位于assets/images/中的图像:

.some-div {
  background-image: url(image-path('pretty-background-image.jpg'));
}

当你以开发模式启动应用程序时(localhost:3000)，你应该会看到如下内容:

background-image: url("/assets/pretty-background-image.jpg");

在生产模式下，你的资产将有缓存助手编号:

background-image: url("/assets/pretty-background-image-8b313354987c309e3cd76eabdb376c1e.jpg");

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

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

只有这个片段不适合我:

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

但是要重命名stylename。SCSS到stylename.css.scss帮助我。

在css中

background: url("/assets/banner.jpg");

尽管原始路径是/assets/images/banner.jpg，但按照惯例，您必须在url方法中只添加/assets/