【问题标题】:Using hover through Particles.js通过 Particles.js 使用悬停
【发布时间】:2017-09-10 16:57:22
【问题描述】:

js 并在 Particle-js div 中提供了一个标题。但现在我不能使用标题1:悬停。我已经试过了

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

但它不起作用。

链接到我的网站(你可以使用inspect):http://freshdesignz.000webhostapp.com/

【问题讨论】:

标签: javascript css web hover particles


【解决方案1】:

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

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

【讨论】:

  • 它在我在 chrom 开发工具中的简短测试中起作用。澄清一下:您想在 h1 标签上使用鼠标悬停吗?因此该元素必须在部分 js 画布之上
  • 是的,但只是为我的情况调整 z-index 工作?还是我需要想办法让我的 H1 在 Particle-div 之外?
猜你喜欢
  • 2014-08-14
  • 1970-01-01
  • 2012-03-12
  • 1970-01-01
  • 1970-01-01
  • 2022-12-05
  • 2015-07-07
  • 2015-11-28
  • 1970-01-01
相关资源
最近更新 更多