'How do I make my particles.js layer behind my buttons and text?

I'm trying to add my particles.JS layer behind my main stuff, for example my buttons and text are in front of the layer so the buttons can be clicked on/redirectable.

Here's my JSFiddle live demo to show what I mean:

https://jsfiddle.net/c2qp3jkf/

<div id="particles-js"></div>
    </div>
    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js">
    </script>
    <script src="particles.js">
    </script>
    ```
javascripthtmlcss


Solution 1:[1]

Put your content items in a container <div> and set your z-index higher than a z-index you set for your particles-js <div>.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Sercan

Related Questions