红宝石在轨道 – Turbolinks与载波图像作为CSS背景图像

我今年一直在使用turbolinks,但最近我得到这个烦人的bug.通过载波上载的图像在第一个请求中加载了绝对URL的站点,但是当您通过turbolinks开始在站点中浏览时,所有载波图像将更改为相对路径. <%= image_tag“image.jpg%>元素可以正常工作,但是图像被加载为CSS background-image,它们不会出现,这显然只发生在chrome(我有Versión31.0.1650.57 m)通过控制台进行跟踪,所有图像都加载到文档中,所以我去了Inspector并禁用/启用了特定元素的属性“background-image”,并发生了魔法:图像出现了.

我正在使用rails 3.2.14,带有涡轮:

gem 'turbolinks','1.3.1'
gem 'jquery-turbolinks','2.0.1'

我已经在Firefox 25.0.1上测试过,它可以正常工作.

任何建议?谢谢

解决方法

我只是想出来,如果你使用绝对url的背景图像,错误dessapears.
所以这就是我在我的帮手中调用载波图像:
img = Productimage.find(id) 
"#{request.protocol}#{request.host_with_port}#{img.photo}"

照片是与载波上传器一起使用的属性.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效