Хром встроенный фоновый рисунок потерян на задней кнопке в Chrome

Question

У меня есть встроенный стиль на элементе на одном из моих шаблонов.

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

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

Это прекрасно работает для меня. За исключением случаев, когда я перехожу к другой ссылке и использую кнопку «Назад» для возврата страницы.

Когда я использую кнопку «Назад», чтобы вернуть страницу, инспектор будет точно таким же, но без изображения. Когда я обновляю страницу, тот же код, но изображение есть. Серьезно странно и раздражает.

Я видел сообщения об этом как об ошибке в Chrome, связанной с привязкой к фону: исправлено; но работа, которую они предлагают, не работает.

Есть ли способ заставить (через Turbolinks?) Этот элемент обновиться?

Answer 1

Оказывается, что проблема решена путем добавления базового URL в 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)

Answer 2

Я бежать в ту же проблему в моем приложении, пытаясь отобразить пользовательские аватары.

Есть (много) отчетов об ошибках, связанных с этой конкретной ситуацией, относящейся к паре лет, но ошибка все еще присутствует на момент написания этой статьи.

Решение, с которым я столкнулся, заключается в замене фона фактическим тегом img и использовании трюков z-index для его возврата.