particles.js icon indicating copy to clipboard operation
particles.js copied to clipboard

Published 20 hours ago • verified publisher icon VincentGarreau

Particles.js not allow links to be clickable.

Open AustinBZechar opened this issue 7 years ago • 9 comments

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

AustinBZechar avatar Sep 02 '18 20:09 AustinBZechar

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).

AlexAtHome avatar Oct 05 '18 03:10 AlexAtHome

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

capetrel avatar Oct 10 '18 12:10 capetrel

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 avatar Oct 13 '18 05:10 AustinBZechar

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 avatar Mar 10 '19 08:03 buchan123

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 avatar Aug 31 '20 18:08 TowerX

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

CodeRustyPro avatar Oct 05 '20 07:10 CodeRustyPro

@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 avatar Oct 08 '20 19:10 TowerX

I dropped that idea now thx for the help

CodeRustyPro avatar Oct 09 '20 06:10 CodeRustyPro

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.

iamhiman avatar Dec 30 '20 17:12 iamhiman