Разверните частиц.js в фоновом режиме

Question

Я купил шаблон, и я изменяю его, чтобы сделать свой веб-сайт, я дизайнер, и у меня нет особого представления о коде, но я хочу учиться, и я решил рискнуть сделать такой веб-сайт.Я хочу поместить плагин частиц.js в качестве фона, мне удалось поместить его в индекс, но меня поместили так, и я понятия не имею, как это сделать, чтобы расширить его.Как будто в фотошопе возьмите его из угла и перетащите, чтобы занять весь фон.

Вот проблема:

А вот и частица.js div на index.html:

<div id="particles-js"
     style="background-color: #000; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: 100%;">
     <canvas class="particles-js-canvas-el"
            style="width: 100%; height: 100%;" width="1617" height="708">
     </canvas>
</div>

Он расположен над сценариями и под нижним колонтитулом.

Answer 1

Все, что вам нужно, это немного CSS для позиционирования <div>.Добавьте это к вашему тегу <style>.Хорошее место для начала, когда вы застряли в будущем, это вступление W3 Schools CSS. Удачи!

/* the #id of your div */
#particles-js {
    /* stay in a constant spot on the page, regardless of scroll */
    position: fixed;
    /* fill the entire page */
    width: 100%;
    height: 100%;
    /* remove the space along the edges */ 
    margin: 0;
    padding: 0;
    /* position it to start at the top of the page */
    top: 0;
    /* put it behind other content */
    z-index: -1;
}