ruby-on-rails - rails : How to reference images in CSS within Rails 4

Question

Heroku 上的 Rails 4 有一个奇怪的问题。编译图像时，它们会添加哈希值，但 CSS 中对这些文件的引用没有调整正确的名称。这就是我的意思。我有一个名为 logo.png 的文件。然而，当它出现在 Heroku 上时，它被视为:

/assets/logo-200a00a193ed5e297bb09ddd96afb953.png

但是 CSS 仍然声明:

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

结果:图像不显示。有人遇到这个吗？如何解决这个问题？

Answer 1

Sprockets 与 Sass 一起有 some nifty helpers你可以用它来完成工作。如果您的样式表文件扩展名是 .css.scss 或 .css.sass，Sprockets 将仅处理这些帮助程序。

<小时/>

图像特定助手:

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")