Мерцание на элементах, только Chrome, только в режиме background-blend-mode
Мы запускаем веб-сайт www.desirio.com, который использует фоновое изображение на теле с
background-blend-mode: luminosity
В Chrome, когда вы наводите курсор на элементы, вы видите странные белые линии, которые случайным образом мигают "где-то". Когда вы удаляете bg-blend-mode (будьте внимательны, чтобы удалить его дважды, если вы попробуете его с помощью отладчика, так как он есть в CSS-правилах дважды на теле), мерцание исчезнет.
Это выглядит так:
Мы работаем с Chrome 62 на OSX, но видели это и в других версиях.
1 ответ
Chrome не может применить background-blend-mode для больших контейнеров, таких как
<body>
Возьми если там и положи в свой раздел героев
.hero-section{
background-blend-mode: luminosity;
}