为什么 CSS 混合模式被 fullPage.js,一个 jquery 插件覆盖?

Why does CSS Blend mode get overridden by fullPage.js, a jquery plugin?

CSS 在 fullPage 的默认容器、sectionslide 中使用时,混合模式为 "deactivated"。 =16=]

创作者 Alvaro Trigo 指示我使用选项 css3: false 来解决问题,但它只适用于 section 而不适用于 slide 此外,它使页面滚动动画非常不稳定。

他还告诉我这不是整页问题,而是 css 问题。

这是说明问题的代码笔:

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

这里是 fullPage 问题论坛中的主题:

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

插件不是问题,您可以从您的示例中删除所有 js,混合模式仍然不起作用。

According to the spec:

The mix-blend-mode CSS property describes how an element's content should blend with the content of the element's direct parent and the element's background.

混合模式仅与元素的直接父元素交互。您可以像我 in this example.

一样通过为 .intermediary 设置背景颜色来测试它