如何更改背景以放置particle.js？答案

【问题标题】：How to change background to put particles.js?如何更改背景以放置particle.js？
【发布时间】：2018-12-10 01:55:31
【问题描述】：

我从 Envato 购买了模板“Penelope”，我想用particle.js 背景更改背景。这是为我提供此模板的原始 CSS。我想知道如何更改它以放置particles.js 背景。

我的转贴里有这个插件，我只想知道怎么放。我是这方面的新手。

非常感谢。

CSS：

  background: transparent url("../img/mainbg.jpg") no-repeat;
  image-rendering: optimizeQuality;
  height: 100%;
  width: 100%;
  z-index: -1;
  position: fixed;
  background-position: center;
  background-size: cover;
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

【问题讨论】：

标签： javascript html css particles

【解决方案1】：

像这样给你Particle js背景属性position:absolute

#particles-js>canvas {
    position: absolute;
    top: 0px;
    right: 0px;
}

然后在你的情况下给它你想要的高度和宽度，我认为它是 100%。根据需要设置 z-index 以查看其适合的位置

【讨论】：