是否有一种优雅的方法可以从css中生成带有指纹的图像?
我知道我可以将erb用于css,但添加erb的url看起来很难看,而且我认为它应该是自动化的。此外,我不想更改供应商样式表。
谢谢!
答案 0 :(得分:4)
我认为 image-url 应解决此问题
.btn_back:hover {background-image: image-url('btn_back_push.png');}
它在开发中对我有用。模式以及使用预编译资产生成的模式
dev的。模式:
.btn_nav:hover {
background-image: url("btn_nav_push.png");
}
生产:
.btn_nav:hover{background-image:url(/assets/btn_nav_push-094b577d7e9e1cc6d5aced334f3fe8b3.png)}.
答案 1 :(得分:3)
sass-rails为这个名为image-path添加了一个帮助器。您可以像这样使用它:
#image { background:image-path(“rails.png”) }
这对普通的css文件不起作用,但是因为scss是css的超集,所以你应该能够将扩展名改为.scss,一切都会好。