javascript - particle.js 重叠问题( Canvas 大小)

Question

请不要投票为重复或无效!

我正在尝试将 particle.js 与 Bootstrap 模板一起用于我正在处理的元素。我将 particle-js div 保留在 body 标签之后，并在 particle-js div 中创建了一个容器，它是我网站其余部分的父级。在网站底部出现粒子后，我尝试了在以下位置找到的所有内容:

http://www.stackoverflow.com/questions/27679115/issue-with-putting-div-over-another-div

这是一个类似的问题。但这对我也不起作用，我在 SO 上尝试了所有解决方案，现在我已经被困了两天。任何帮助将不胜感激!

ayrus.org/test/-> 对于那些想看看问题是什么样子的人!

Answer 1

我设法修复了它，particle.js 使用的 Canvas 元素继承了 particle.min.js 的高度和宽度，我在该文件中搜索了 100% 并删除了定义值的行!然后我用了

canvas {
  display: block;
  vertical-align: bottom;
  height: 80vh;
  width: 100vw;
  background-attachment:fixed;
}

根据我的需要调整大小!希望这可以帮助其他人!