css - 为什么 CSS 混合模式会被 jquery 插件 fullPage.js 覆盖？

Question

在 fullPage 的默认容器section和slide中使用 CSS 混合模式时“停用” 。

创建者 Alvaro Trigo 指示我使用选项css3: false来解决问题，但它仅适用于部分而不适用于幻灯片，此外，它使页面滚动动画非常不稳定。

他还告诉我，这不是一个整页问题，而是一个 CSS 问题。

这是说明该问题的代码笔：

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

这是fullPage的问题论坛中的主题：

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

Answer 1

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

根据规范：

mix-blend-mode CSS 属性描述了元素的内容应该如何与元素的直接父元素的内容和元素的背景混合。

混合模式仅与元素的直接父级交互。您可以通过设置背景颜色来测试它，.intermediary就像我在此示例中所做的那样。