0

如何将image_path添加到编译的css？

我必须添加图片author.png，然后将其放入application.css：

.post-author-icon {

    width: 16px;
    height: 15px;
    background: url("../design/users/author.png")
        no-repeat;
    display: inline-block;
    position: relative;
    top:2px;
}

然后我运行RAILS_ENV=production rake assets:precompileend get files inpublic/assets

assets/application-e1664a39d94f9050096cb42d545f13c8.css

和

assets/design/users/author-d5ad9ee413cd0b00e2a0d226eac97cc2.png

当然浏览器不会加载图像，因为在 CSS 图像中仍然具有相同的名称。

如何解决这个问题？

这是 Ruby on Rails v4

4

1 回答 1

5

您需要利用资产管道处理 ERB 或 SASS 的能力。我喜欢 SASS，所以我将为此提供一个示例。

  1. 重命名application.css为application.css.scss

  2. background将样式更改为

    background: image-url("design/users/author.png");

您可以在Rails 指南中找到有关此帮助程序和其他帮助程序的更多信息。

于 2013-09-10T01:33:51.240 回答