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

前端之家收集整理的这篇文章主要介绍了红宝石在轨道 – 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}"

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

原文链接:https://www.f2er.com/css/216406.html

猜你在找的CSS相关文章