Почему режим CSS Blend переопределяется fullPage.js, плагином jquery?

Question

Режим CSS Blend «деактивирован» при использовании внутри контейнеров по умолчанию для fullPage, section и slide .

Создатель Alvaro Trigo дал мне указание использовать параметр css3: falseчтобы решить проблему, но он работает только с section , а не с slide , и, кроме того, он делает анимацию прокрутки страниц довольно прерывистой.

Он также сообщил мне, что это не проблема с полной страницей, а проблема css.

Вот кодекс, иллюстрирующий проблему:

https://codepen.io/zerino/pen/MXRvbb

А вот темы в выпуске форума fullPage:

https://github.com/alvarotrigo/fullPage.js/issues/3288

Answer 1

Плагин не проблема, вы можете удалить все js из вашего примера, и режим наложения по-прежнему не работает.

Согласно спецификации :

CSS-свойство mix-blend-mode описывает, как содержимое элемента должно сливаться с содержимым прямого родителя элемента и фона элемента.

Режим смешивания взаимодействует только с прямым родителем элемента. Вы можете проверить это, установив цвет фона для .intermediary, как я сделал в этом примере .