CSS 'mix-blend-mode, похоже, не работает на Android 9:
- Chrome
- Веб-просмотр в Cordova (в данном случае также Chrome, вероятно)
Он работает на:
- Chrome на Android 8
- Firefox на Android 9
Сначала у меня возникла проблема с элементом SVG,но я также могу воспроизвести его с помощью нескольких простых div.
Очень простой пример кода: https://codepen.io/walmink/pen/YoJRqa
Я попытался запустить приведенный ниже пример и получить ожидаемый результат на Nexus 5под управлением Android 8 (слева), но не работает на телефоне OnePlus 6 под управлением Android 9 (справа) ( см. изображение ).У меня были другие пользователи (в моей игре, которая использует режим смешивания), сообщали об одной и той же проблеме на OnePlus 7 и Google Pixel 3a XL под управлением Android 9.
Кажется, это также работает нормальнона любом настольном браузере, который я пробовал.В Safari он также будет смешиваться с фоном, если вы не добавите isolation: isolate
, но, по крайней мере, смешивание все же произойдет.