particles-js 没有覆盖整个页面

Question

我对particles-js 有一些问题，首先，它没有覆盖整个页面。 其次，由于某种原因，我无法与粒子交互。

这是 HTML 的代码：

        <script type="text/javascript" src="js/particles.min.js"></script>
        <script type="text/javascript" src="js/app.js"></script>  

And this is my css for particles-js: 
            #particles-js{
        position : absolute;
        width:100%;
        height:100%;
        z-index:-1;
        background-image: url(gfx/testback.png);
}


  [1]: https://i.stack.imgur.com/XO6w5.png

Answer 1

像我的网站一样，用粒子 js 覆盖所有页面真的很容易： https://askianoor.ir你应该添加一个高度为 100 的 div

编辑版本：

<body>
   <div class="h-100">
       <!-- PARTICLES-->
       <div id="particles-js">
           <div class="position-absolute w-100">
              Place your text here !
           </div>
       </div>
   </div>
</body>

在 CSS 中：

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #b61924;
  background-image: url(gfx/testback.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

particles-js 没有覆盖整个页面

问题描述

1 个解决方案

解决方案1
0 2020-04-29 10:23:33

particles-js 没有覆盖整个页面

问题描述

1 个解决方案

解决方案1 0 2020-04-29 10:23:33

解决方案1
0 2020-04-29 10:23:33