частицы- js не покрывают всю страницу - PullRequest
Новая
       22

частицы- js не покрывают всю страницу

0 голосов
/ 29 апреля 2020

У меня есть некоторые проблемы с частицами - 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

1 Ответ

0 голосов
/ 29 апреля 2020

Действительно легко покрыть всю страницу частицами- js, как мой сайт: https://askianoor.ir Вы должны добавить div с высотой 100

Отредактированная версия: 

<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%;
}
...