使用悬停 Particles.js

Question

js 并在 Particle-js div 内提供了一个标题。但是现在我不能使用heading1:hover。我已经试过了

#particles-js {pointer-events : none;}

但是没有用。

Link 到我的网站（你可以使用 inspect）：http://freshdesignz.000webhostapp.com/

Answer 1

问题是，particle-js 与 h1 标签重叠。一种可能的解决方案是将 h1 的 z-index 设置为 > 0 的值。

您将面临的问题是，如果您关注 h1 元素，鼠标指针只会触发 h1 的悬停，而不会触发粒子效果。你可以减少h1的with来提高ux