为什么 CSS 混合模式被 fullPage.js,一个 jquery 插件覆盖?
Why does CSS Blend mode get overridden by fullPage.js, a jquery plugin?
CSS 在 fullPage 的默认容器、section 和 slide 中使用时,混合模式为 "deactivated"。 =16=]
创作者 Alvaro Trigo 指示我使用选项 css3: false
来解决问题,但它只适用于 section 而不适用于 slide 此外,它使页面滚动动画非常不稳定。
他还告诉我这不是整页问题,而是 css 问题。
这是说明问题的代码笔:
https://codepen.io/zerino/pen/MXRvbb
这里是 fullPage 问题论坛中的主题:
插件不是问题,您可以从您的示例中删除所有 js
,混合模式仍然不起作用。
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
设置背景颜色来测试它
CSS 在 fullPage 的默认容器、section 和 slide 中使用时,混合模式为 "deactivated"。 =16=]
创作者 Alvaro Trigo 指示我使用选项 css3: false
来解决问题,但它只适用于 section 而不适用于 slide 此外,它使页面滚动动画非常不稳定。
他还告诉我这不是整页问题,而是 css 问题。
这是说明问题的代码笔:
https://codepen.io/zerino/pen/MXRvbb
这里是 fullPage 问题论坛中的主题:
插件不是问题,您可以从您的示例中删除所有 js
,混合模式仍然不起作用。
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
设置背景颜色来测试它