IOS Safari: что за баг с отрисовкой картинок?

Question

[Alexandr Kazakov]

Здравствуйте.
Записал видео с этим багом что бы нагляднее было https://www.youtube.com/watch?v=cbn60OKuXZ4
Данный баг появляется на мобильной версии safari, на всех моделях айфона.
Появляется не постоянно, а время от времени, поэтому отловить его сложно.
На картинках нет никакого ajax, js и тд. Картинки прописаны просто через тег . По hover'у ничего не меняется и не должно происходить, дело не в нём точно.

Встречался кто нибудь с таким? Как решали проблему?
Уже больше недели бьюсь с этим вопросом, и даже не знаю какой бы еще попробовать запрос в гугл вбить что бы точно охарактеризовать эту проблему

Comments

[yarovikov]

Видео такого говняного качества (айфон умеет писать с экрана - сюрприз), что нифига не понятно. Единственно что вижу по этому видео - человек с телефоном какой-то дерганый

[2cha.headz]

проверил на 5s все норм
только на пк заметил что фильтр скачет joxi.ru/zANnoBZCvBJ7pA
возможно при скролле на ваших устройствах он тоже прыгает, что вызывает перерисовку страницы и такое вот наложение картинок, попробуйте скрыть фильтр и проверьте снова =)

[Alexandr Kazakov]

Дмитрий Глаголев, это с мака на сафари? А какая версия браузера?
На макбуке тестил, такого не было замечено. Сейчас буду разбираться...спасибо

[Модератор]

Дмитрий Глаголев, 3.9. Использовать для вставки изображений тег < img> (размещение ссылок на изображения без использования тега < img> запрещено).

[2cha.headz]

Alexandr Kazakov, это хром на ubuntu)

Answer 1

[Alexey Vladimirov]

Если еще актуально, попробуйте применить к картинкам старый трюк для более эффективного использования аппаратного ускорения:
transform: translation3d(0,0,0,0)

Answer 2

[Талян]

Как костыль - попробовать все картинки тащить по ссылкам вида /img/shop/image123.jpg?231231232, где 231231232 - рандомное число, генерируемое на стороне php или js

Заодно это даст понять с чем вы имеете дело - глюк кеша, или отрисовки фронтенда.