ruby-on-rails-3 - 防止 rails assets image-url helper 额外的“img”字

Question

在我的 SCSS 文件中，我正在使用 Rails image-url 帮助程序，如下所示：

background-image: image-url('sidebar-button-gradient.png')!important

它在 CSS 中生成这两行作为输出：

background-image: url(/assets/sidebar-button-gradient.png) !important img;
background-image-width: 20px;

在 Chrome 检查器中，第一行被忽略（它被交叉），如果我手动删除额外的最后一个“img”单词，它被认为是：

background-image: url(/assets/sidebar-button-gradient.png) !important;

Rails 助手正在生成它，我怎样才能删除那个词？

我也试过asset-url(path, image)

Answer 1

如果您使用的是 SCSS，那么在其上添加 Compass应该很简单（显然，我这么说是在不了解您的设置的情况下）。如果您在使用 Rails 的 image-url 助手时遇到问题，请尝试使用compass 提供的 image-url 助手。它具有相似或相同的语法，我从来没有遇到过它的输出问题。

Answer 2

这似乎工作：

 background: url(sidebar-button-gradient.png) repeat-x #f6f6f4;

仅在生产中进行测试，我不确定它是否会在预编译资产时起作用。