Фароп-фильтр: размытие не работает правильно, если другой элемент использует режим смеси миксаCSS

Разбираемся в CSS
Anonymous
Фароп-фильтр: размытие не работает правильно, если другой элемент использует режим смеси микса

Сообщение Anonymous »

У меня есть элемент, который имеет фону-фильтр: Blur (10px); применяемый. Это работает нормально, пока другой элемент в DOM не использует режим смешанного смеси. чем размытие каким -то образом смешивается с неблученной версией. Firefox, кажется, работает. Является ли это баггическое поведение браузеров? Как только вы добавите режим смеси микса, возникает проблема с размытым.

Код: Выделить всё

#blur {
position:fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
backdrop-filter: blur(10px);
}
#filter {
mix-blend-mode: difference;
}< /code>

Hello world!



Что -то мне не хватает?

Подробнее здесь: https://stackoverflow.com/questions/796 ... -blend-mod

Вернуться в «CSS»