Canvas 的 Z 索引问题
Z-index issue with Canvas
我正在使用一个 fullPage.js 插件，它可以将每个部分转换为基于整页幻灯片放映的网站，并将内容垂直居中。
我也在使用ParticlesJS在后台实现一些动画效果-生成了一个Canvas来实现似乎占用更高z-index
的动画
事件认为我正在尝试将较低的 z-index 分配给 canvas 并将较高的 z-index 分配给 content 我无法 select 文本和访问表单.
有什么办法可以解决这个问题吗？
您可以直接应用 css pointer-event
将此 pointer-events: none 添加到您的 particles-js-canvas-el 并且您应该能够点击您的输入
我正在使用一个 fullPage.js 插件，它可以将每个部分转换为基于整页幻灯片放映的网站，并将内容垂直居中。
我也在使用ParticlesJS在后台实现一些动画效果-生成了一个Canvas来实现似乎占用更高z-index
事件认为我正在尝试将较低的 z-index 分配给 canvas 并将较高的 z-index 分配给 content 我无法 select 文本和访问表单.
有什么办法可以解决这个问题吗？
您可以直接应用 css pointer-event
将此 pointer-events: none 添加到您的 particles-js-canvas-el 并且您应该能够点击您的输入