為什么Particles-js無法正常工作？

Question

首先，我看到了內容，然后看到了particles-js。 我想確保同時看到粒子js。 我使用實體化CSS代碼：

<div class="page-wrapper"> <div class="content">.... </div> </div>
<div id="particles-js"> </div>
<!-- Particles JS  -->
<script > .... </script>

Answer 1

您的樣式似乎已損壞或丟失

 particlesJS.load('particles-js', 'https://cdn.jsdelivr.net/npm/particles.js@2.0.0/demo/particles.json', function() { //callback }); 

 html { width: 100%; height: 100%; } body { background-color: black; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } #particles-js { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; } .my-content { z-index: 1; width: 150px; height: 150px; background-color: white; } 

 <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script> <div class="my-content"> my content </div> <div id="particles-js"></div>