由 particle-slider 组成的背景由于其上的其他 div 而未触发
background made up of particle-slider is not triggering due to other divs upon it
我想用 particle.js.
制作一个由 particle-slider 组成的 背景
我在页面上有 div 个块、headers 个块和一些卡片（包含信息）以显示在背景上。
因为我在背景中有 particle-slider，同时我在滑块上有这些块，所以我无法将鼠标悬停在背景 particle-slider 上以显示 particle-diffusion 效果，因为这些块在上面。由于这些块，我无法在悬停在其上时触发 particle-diffusion 效果。
此图显示背景 particle-slider 徽标及其上的方块（使用农药扩展突出显示）：
我已经尝试将背景放在前面（通过在所有这些块的代码之后添加背景代码）然后将 z-index 设置为负整数....但那是愚蠢的方式。
请提出一些建议来解决我的问题。
如果您的块元素没有任何 click 或 hover 事件，您可以使用以下 css 块元素来禁用指针事件。
通过添加以下 CSS 即使悬停在块上，也会触发背景悬停
.blocks {
pointer-events: none;
}
我带来了一个非常简单的方法来解决我的问题。
我只是将背景粒子滑块放在所有 divs/blocks 前面，然后将不透明度降低到 0.1 。现在它看起来像一个背景（虽然在所有块的顶部）。
我想用 particle.js.
制作一个由 particle-slider 组成的 背景我在页面上有 div 个块、headers 个块和一些卡片（包含信息）以显示在背景上。
因为我在背景中有 particle-slider，同时我在滑块上有这些块，所以我无法将鼠标悬停在背景 particle-slider 上以显示 particle-diffusion 效果，因为这些块在上面。由于这些块，我无法在悬停在其上时触发 particle-diffusion 效果。
此图显示背景 particle-slider 徽标及其上的方块（使用农药扩展突出显示）：
我已经尝试将背景放在前面（通过在所有这些块的代码之后添加背景代码）然后将 z-index 设置为负整数....但那是愚蠢的方式。
请提出一些建议来解决我的问题。
如果您的块元素没有任何 click 或 hover 事件，您可以使用以下 css 块元素来禁用指针事件。
通过添加以下 CSS 即使悬停在块上，也会触发背景悬停
.blocks {
pointer-events: none;
}
我带来了一个非常简单的方法来解决我的问题。
我只是将背景粒子滑块放在所有 divs/blocks 前面，然后将不透明度降低到 0.1 。现在它看起来像一个背景（虽然在所有块的顶部）。