在我的Rails 4.2.3应用程序中,我使用一个名为jQuery的Gritter插件向浏览器传递消息。
然而,在最近升级到4.2.3之后,Gritter的背景图像就不再显示了。CSS是:
.gritter-item {
display:block;
background:url(/assets/gritter.png) no-repeat left -40px;
color:#eee;
padding:2px 11px 8px 11px;
font-size: 11px;
font-family:verdana;
}磨磨机位于:
/vendor/assets/javascripts/jquery-plugins/Gritter/其中有css和images目录。
因此,url(/assets/gritter.png)类型的路径分配无法工作。他们最初是url(../images/gritter.png)。但我试着回到那个地方,结果也不管用。
我在config/initializers/assets.rb设置了这个
Rails.application.config.assets.precompile += %w( ie-spacer.gif gritter.png gritter-close.png )Rails 4中的资产管道已经发生了一些变化,我不知道它是什么。
更新
我可以在以下文件中看到拇指印的图像:
/public/assets/jquery-plugins/Gritter/images所以问题不在于他们被纳入其中。问题是,这个插件的CSS,即使我将它包含在我的主application.scss文件中,也拒绝在编译CSS时包含到图像的真正资产路径。它找不到拇指打印的文件名。
发布于 2015-07-24 14:16:26
当您预编译映像资产时,您需要使用asset-url助手访问它们,因此请尝试:
background: asset-url('gritter.png') no-repeat left -40px;发布于 2015-07-24 13:35:00
在背景之间放置一个空格:url(/assets/gritter.png),不重复左-40 put;
例如:背景: url(/assets/gritter.png)不重复左-40 no;
发布于 2015-07-24 14:30:56
只需将其用于背景属性:
background: image-url("gritter.png") no-repeat left -40px;
https://stackoverflow.com/questions/31601163
复制相似问题