Question

我从Envato购买了模板'Penelope'，我想用particles.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; }

Answer 1

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

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

然后给它您想要的高度和宽度，我认为是100％。设置z-index，以查看其适合位置

如何更改背景以放置particles.js？

1 个答案: