title: Putting buttons and links over particles.js script (Z-index)
body: <p>I am trying to use <a href="http://codepen.io/VincentGarreau/pen/pnlso" rel="noreferrer">particles.js</a> script, so the particles will float over the entire page (with transparent background). I need to pull some of the links and buttons above the particles, so they would be clickable.</p>
  
  <p>Regarding to <a href="http://www.cssmojo.com/extras/everything_you_always_wanted_to_know_about_z-index_but_were_afraid_to_ask/" rel="noreferrer">link</a>, am I able to put big "C" element over big "B" element while having small "b" element over the big "C" element?</p>
  
  <p>What I was thinking was that relative means z-index relative to its parent while if I would set all the elements to absolute, displaying the small "b" over big "C" would be possible, but it is not. Can anyone explain it for me?</p>
  
  <pre><code>&lt;div id="A"&gt;A&lt;div id="a"&gt;a&lt;/div&gt;&lt;/div&gt;
  &lt;div id="B"&gt;B&lt;div id="b"&gt;b&lt;/div&gt;&lt;/div&gt;
  &lt;div id="C"&gt;C&lt;div id="c"&gt;c&lt;/div&gt;&lt;/div&gt;
  </code></pre>