尝试使用 fullPage.js 设置全屏particle.js

Question

我希望particles.js 出现在第一部分的整个屏幕上，但无论我做什么，它们都在页面的其他部分下方。我在第二部分添加了粒子。在我看来，这是通过使用 fullPage.js（Alvaro Trigo，不能发布超过 2 个链接，sry）。我正在附上我的网站，我希望有人看看这个。 unlikemenow.github.io 谢谢 :)

Answer 1

首先，尝试将particles-jsclass 放在<canvas> 元素上，而不是<div>。

这意味着您的第一部分将像您已经拥有的那样被包裹在 <div class = "section"> 中，直接子部分是 <canvas class = "particles-js">。给 <canvas> 一个唯一的 ID，例如 <canvas id = "the-particles" class = "particles-js">。

在 CSS 中，将 Z-Index 分配给 #theParticles ID。然后在 .section 类上设置 Z-Index。确保<canvas> 上的Z-Index 高于<div>。我自己没有测试过，所以如果它不起作用，请告诉我，我可以为你编写代码。我以前也从未使用过particles-js，但它看起来超级酷！