Странные черные блоки, появляющиеся в Chrome
По какой-то причине черные ящики отображаются в случайных пробелах в Chrome (последняя сборка).
Некоторые из этих ящиков появляются за пределами основного контейнера, тогда как некоторые из них появляются внутри, охватывая блоки содержимого. Они появляются случайным образом, обычно после прокрутки, и часто исчезают при открытии инспектора, зависании элементов или прокрутке вниз и резервном копировании.
Для справки, есть некоторые анимации, коробочные тени (которые были отключены без везения), линейные градиенты и позиция: фиксированные элементы на странице, хотя это не проблема с браузерами, отличными от Chrome.
Об этом широко сообщалось в тестировании пользователей, хотя мне не удалось вызвать исправление. Я не уверен, что это проблема с процессором или видеокартой, поскольку сайт относительно легкий, и я просматриваю новый ноутбук с 16-гигабайтным барабаном. Мой старый Mac Mini с 4 ГБ оперативной памяти не создает этой проблемы.
Любые указатели будут наиболее оценены.
![enter image description here]()
![enter image description here]()
Ответы
Ответ 1
Обновление: это была ошибка в Chrome и была исправлена: https://code.google.com/p/chromium/issues/detail?id=142038
eddz подала проблему на crbug.com/new, и более 40 человек сняли билет, чтобы следовать за ним. Это привело к нескольким отдельным исправлениям в Chrome со стороны инженерной команды.
Ответ 2
У меня была эта проблема с веб-сайтом, который использовал transformZ (0)
для принудительного рендеринга GPU. Когда я удалил этот стиль, проблема исчезла
Ответ 3
Это не ответ, но если вы можете каким-то образом воспроизвести его, возможно, позже по дороге:
Сделайте копию страницы локально или где угодно, установите базовый href в основной домен, теперь начните удаление ссылок css и js-скриптов снизу вверх, пока вы больше не будете испытывать поведение, если вы получите к этому моменту, последним script/stylesheet, который вы удалили, является виновником.
Если вы обнаружите виновный файл, попробуйте найти строку/секцию лидера.
Если вы не дойдете до этого, может быть браузером, но это не похоже на то, что оно есть.
Он также может быть связан между скриптами/таблицами стилей и/или случайно унаследованными.
Ответ 4
Мы также испытали эти странные блоки на нашем веб-сайте. В прошлом мы использовали переходы, переходы воспроизводили другую ошибку "странные строки", случайно появившиеся на странице и исчезающие во время прокрутки.
Теперь мы начнем использовать transformX-Y, может быть и в некоторых местах Z. И у нас есть эти адские блоки.
Кажется, что-то не так в Chrome с трансфем + переходными анимациями. Может быть, эта ошибка появляется, когда слишком много анимированных блоков одновременно?
FF отлично работает.
Ответ 5
Я столкнулся с этими же ящиками. Для меня проблема заключалась в том, что я использовал mp4-видео, которые устарели в хроме, а не в веб-видео.