0

I am using particles.js by sketch.js

It is a nice effect and I want to use it but when I am doing so it is placed over my website's navbar and thus the links are not clickable

I tried Z-INDEX : 99999;, but it still "overlaps my nabvar"

Ahmed Ashour
  • 5,179
  • 10
  • 35
  • 56
Dev Shah
  • 60
  • 5

1 Answers1

0

As I understand you have placed your sketch.js canvas on top of your navbar, thus the nav is not clickable?

Try putting pointer-events: none; on the sketch.js canvas or its immediate container. Setting this property to none means that the element will "pass through" all of the mouse events.

Georgi B. Nikolov
  • 976
  • 2
  • 13
  • 24
  • the problem is till not solved because when I set *pointer-events:none;* the [sketch.js](http://soulwire.github.io/sketch.js/examples/particles.html) effect is not performed pls help – Dev Shah Oct 06 '20 at 11:37
  • my effect is mouse move parallax so I tried it but then no effects takes place – Dev Shah Oct 06 '20 at 11:43
  • okay then you can try preventing the click events on your `sketch.js` canvas (or its container) - https://stackoverflow.com/a/8596014/1777688 – Georgi B. Nikolov Oct 07 '20 at 09:16