首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Rails 4.2中某些映像从3.2升级后的资产管道问题

Rails 4.2中某些映像从3.2升级后的资产管道问题
EN

Stack Overflow用户
提问于 2015-07-24 02:20:40
回答 3查看 224关注 0票数 1

在我的Rails 4.2.3应用程序中,我使用一个名为jQuery的Gritter插件向浏览器传递消息。

然而,在最近升级到4.2.3之后,Gritter的背景图像就不再显示了。CSS是:

代码语言:javascript
复制
.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;
}

磨磨机位于:

代码语言:javascript
复制
/vendor/assets/javascripts/jquery-plugins/Gritter/

其中有cssimages目录。

因此,url(/assets/gritter.png)类型的路径分配无法工作。他们最初是url(../images/gritter.png)。但我试着回到那个地方,结果也不管用。

我在config/initializers/assets.rb设置了这个

代码语言:javascript
复制
Rails.application.config.assets.precompile += %w( ie-spacer.gif gritter.png gritter-close.png )

Rails 4中的资产管道已经发生了一些变化,我不知道它是什么。

更新

我可以在以下文件中看到拇指印的图像:

代码语言:javascript
复制
/public/assets/jquery-plugins/Gritter/images

所以问题不在于他们被纳入其中。问题是,这个插件的CSS,即使我将它包含在我的主application.scss文件中,也拒绝在编译CSS时包含到图像的真正资产路径。它找不到拇指打印的文件名。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-07-24 14:16:26

当您预编译映像资产时,您需要使用asset-url助手访问它们,因此请尝试:

代码语言:javascript
复制
background: asset-url('gritter.png') no-repeat left -40px;
票数 1
EN

Stack Overflow用户

发布于 2015-07-24 13:35:00

在背景之间放置一个空格:url(/assets/gritter.png),不重复左-40 put;

例如:背景: url(/assets/gritter.png)不重复左-40 no;

票数 0
EN

Stack Overflow用户

发布于 2015-07-24 14:30:56

只需将其用于背景属性:

background: image-url("gritter.png") no-repeat left -40px;

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31601163

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档