Particles.js: Particles.js not allow links to be clickable.

Created on 2 Sep 2018 · 9Comments · Source: VincentGarreau/particles.js

Hello.

I am currently having an issue with links while using particles.js. The links cannot be clicked while using particles.js. Can anyone help me?

Thanks
Austin

Source

AustinBZechar

👍2

Most helpful comment

I dropped that idea now thx for the help

CodeRustyPro on 9 Oct 2020

👍2

All 9 comments

Can you please show the example of the problem? Or maybe the webpage where this issue appears?
I guess you just placed particles canvas on top of the link (or maybe the whole page).

mamoruuu on 5 Oct 2018

I Don't know your case, but i use z-index to dispay my links over the canvas.

capetrel on 10 Oct 2018

👍1

Can you please show the example of the problem? Or maybe the webpage where this issue appears?
I guess you just placed particles canvas on top of the link (or maybe the whole page).

I honestly would but I lost the files. My home storage server crashed & it lost my files.

I Don't know your case, but i use z-index to dispay my links over the canvas.

tried that & it didn't work :/

AustinBZechar on 13 Oct 2018

I had similar problem when i was using particles.js the solution i found for it was fairly simple just set the z-index of the link or button to something large like 9999 or anything large and that should work fine.

buchan123 on 10 Mar 2019

Z-index will fix it for sure, as previous contributors have mentioned. This way your links will sit on top and not blocked by the particles layer.

TowerX on 31 Aug 2020

z-index clears it but it is still now allowing to click links of nav bar pls help it is urgent

CodeRustyPro on 5 Oct 2020

👀1

@AustinBZechar @CodeRustyPro Do any of you have a live link or repo that I can use to replicate this issue? I will definitely provide a solution to it if this is provided.

TowerX on 8 Oct 2020

I dropped that idea now thx for the help

CodeRustyPro on 9 Oct 2020

👍2

z-index clears it but it is still now allowing to click links of nav bar pls help it is urgent

Hey, I was working on my portfolio website and recently encountered the same problem.
Solution I found out for this is you should use z-index. Give higher value of z-index like z-index:9999 to the element you want to have effect for example "links" in your case and then give lower value of z-index to #particles-js canvas.

For reference you can check my portfolio website or Github repo for the same.