我的绝对定位particles.js覆盖了我的相对div

Question

https://codepen.io/AnonymousCaptain/pen/MWavMWm

​

<div class="outer-container">                  
  <div id="particles-js">
    <div class="your-content">
          <article id="3" class="bg-dusk transition md:group-hover:opacity-50 md:hover:opacity-important md:hover:scale-11/10x my-8">
            <h3 class="mt-8 text-lg font-semibold leading-tight text-zenith">3</h3>
            <p class="mt-8">Lorem ipsum dolor sit amet, et suspendisse mauris molestie, libero wisi a nulla, laoreet dolor tortor orci, amet debitis enim ultricies fermentum.</p>
          </article>
    </div>
  </div>
</div>

​

请帮我修一下重叠部分。除此之外..。我想知道你是否认为我应该改用基于Vue的粒子组件？

Answer 1

#particles-js {
  position: relative;
}

会解决它的。但是根据Uchendu的建议..。示例中大量代码的方法..