Particles.js: How to use particles as background for a specific section on website?

[tbryan2]

[maksbd19]

I believe you can achieve this result by tweaking with simple css, apply a position:absolute on the particle js div and apply position:relative to the container section.

[lakshyajit165]

Hey! I have certain problem in adding the particle background to a section of my website. The problem is on laptops and desktops the particle div extends below the particular section (to which it is to be applied). how do i resolve it?

[kowalsk]

I have the same problem and described it here as a question. Perhaps someone knows the answer:
https://stackoverflow.com/questions/50081665/how-to-set-particles-js-to-background

[kowalsk]

Unfortunately maksbd19's solution does not work for me. It just makes particles animation a small frame but it is still in front of everything.

[kowalsk]

OK my question has been answered here:

https://stackoverflow.com/questions/50081665/how-to-set-particles-js-to-background/50084874#50084874

In short:

setting your canvas to this

position : absolute; width:100%;
  height:100%; z-index:-1;