CSS 混合模式在 fullPage 的默认容器、部分和幻灯片中使用时被"停用"。
创作者阿尔瓦罗·特里戈(Alvaro Trigo(指示我使用选项css3: false
来解决问题,但它仅适用于部分而不是幻灯片,此外,它使页面滚动动画非常不稳定。
他还告诉我,这不是整页问题,而是 css 问题。
下面是说明该问题的代码笔:
https://codepen.io/zerino/pen/MXRvbb
以下是整页问题论坛的主题:
https://github.com/alvarotrigo/fullPage.js/issues/3288
插件不是问题,您可以从示例中删除所有js
,但混合模式仍然不起作用。
根据规格:
混合模式 CSS 属性描述元素的内容应如何与元素的直接父级的内容和元素的背景混合。
混合模式仅与元素的直接父级交互。您可以通过为.intermediary
设置背景颜色来测试它,就像我在本例中所做的那样。