有趣的是，如果我使用'background-image'，它不起作用:

background-image: url('picture.png');

但是仅仅是“背景”，它就做到了:

background: url('picture.png');

有趣的是，如果我使用'background-image'，它不起作用:

background-image: url('picture.png');

但是仅仅是“背景”，它就做到了:

background: url('picture.png');

链轮一起萨斯有一些漂亮的帮手，你可以用它来完成工作。链轮只会在样式表文件扩展名为.css时处理这些helper。或。css.sass。

图像特定的帮助器:

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

不可知论者的助手:

background-image: asset-url("logo.png", image)
background-image: asset-url($asset, $asset-type)

或者如果你想在css文件中嵌入图像数据:

background-image: asset-data-url("logo.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") })");

在css中

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

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

没有一个答案是关于。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。

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