2014-01-29 24 views
1

我有元素的內嵌樣式上的我的模板之一。鉻直列背景圖片失去了在Chrome

- hero_image = article.hero.url(:medium) if article.hero.url 

%article{style: "background-image: url('#{hero_image}');background-attachment : fixed;"} 

它對我來說非常有用。除了當我去到另一條鏈路和使用後退按鈕返回該頁面。

當我使用後退按鈕返回頁面中,檢查源是完全一樣的,但沒有圖像。當我刷新頁面,相同的代碼,但圖像在那裏。非常奇怪和煩人。

我已經看到了相關的背景附件在Chrome這是一個錯誤的報告:固定;但他們建議的工作不起作用。

有沒有辦法強制(通過Turbolinks?)這個元素刷新?

回答

3

事實證明,這個問題是固定的通過將基本網址的URL像這樣:

- hero_image = base_url + article.hero.url(:medium) if article.hero.url 

%article{style: "background-image: url('#{hero_image}');background-attachment : fixed;"} 

(我加了一個BASE_URL幫手得益於此:https://stackoverflow.com/a/2952576/1291663

+0

這奏效了我。我遇到了同樣的麻煩。很好的回答@丹尼斯 –

1

我已經運行到我的應用程序相同的問題,試圖顯示用戶頭像。

有相關的這種特殊情況下可以追溯到幾年(很多)的錯誤報告,但錯誤依然存在,寫這篇文章的時候。

的解決方案,我已經走了有是取代與實際img標籤的背景,而且比使用z-index的技巧,將其推回。