防止 rails assets image-url helper 额外的“img”字答案

【问题标题】：Prevent rails assets image-url helper extra 'img' word防止 rails assets image-url helper 额外的“img”字
【发布时间】：2013-07-03 11:21:52
【问题描述】：

在我的 SCSS 文件中，我使用 Rails image-url helper，如下所示：

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)

【问题讨论】：

标签： ruby-on-rails-3 sass asset-pipeline imageurl

【解决方案1】：

这似乎有效：

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

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

【讨论】：

【解决方案2】：

如果您使用的是 SCSS，那么 add Compass 在它上面应该是微不足道的（显然，我在不了解您的设置的情况下这么说）。如果您在使用 Rails image-url 帮助程序时遇到问题，请尝试使用the image-url helper provided by compass。它具有相似或相同的语法，我从来没有遇到过它的输出问题。

【讨论】：