particle.js重叠问题(画布大小)

时间:2016-04-12 17:50:45

标签: javascript jquery html css twitter-bootstrap

请不要投票重复或无效!

我正在尝试将particle.js与Bootstrap模板一起用于我正在进行的项目。我将particle-js div保留在body标签后面,并在particle-js div中创建了一个容器,该div是我网站其余部分的父级。在粒子出现在网站的底部之后,我尝试了我发现的所有内容:

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

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

ayrus.org/test/ - >对于那些想看看问题的人来说!

1 个答案:

答案 0 :(得分:5)

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

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

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