ruby-on-rails - Rails 3.1：从 css 访问指纹图像

Question

有没有一种优雅的方法可以从 css 中访问带有指纹的图像？

我知道我可以将 erb 用于 css，但是用 erb 添加 url 看起来很难看，我认为它应该以某种方式自动化。此外，我不想更改供应商样式表。

谢谢！

Answer 1

我认为image-url应该可以解决这个问题

.btn_back:hover {background-image: image-url('btn_back_push.png');}

它在开发中对我有用。模式以及在生产中使用预编译资产作为结果

开发。模式：

.btn_nav:hover {
  background-image: url("btn_nav_push.png");
}

生产：

.btn_nav:hover{background-image:url(/assets/btn_nav_push-094b577d7e9e1cc6d5aced334f3fe8b3.png)}.

Answer 2

sass-rails 为此添加了一个名为 image-path 的助手。你可以像这样使用它：

#image { 背景：图像路径（“rails.png”）}

这不适用于普通的 css 文件，但因为 scss 是 css 的超集，所以您应该能够将扩展名更改为 .scss 并且一切都会好起来的。