Particles.js

Question

Hej 

Mam dzisiaj dosyć błahy problem a chodzi mi z Particles.js. Tło (particles) nie chce się ustawić jako tło (chodzi mi żeby było za tekstem, teraz zachowuje się jako osobny element strony i zajmuje dużo miejsca wypychając inne elementy). Wszystko na Codepen jest ładnie ustawione więc nie będzie problemu ze znalezieniem elementu wywołującego je. Oznaczenie gdzie mają być w tle particle to 

 

<!--


POCZĄTEK PARTICLESÓW


-->




<!--

KONIEC PARTICLESÓW

-->

 

A oto cały skrypt na Codepen: Kliknij

Dziękuje z góry za pomoc 

Answer 1

Nie wiem czy o taki efekt ci do końca chodzi, ale jakbyś zrobił tak o

#particles-js {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background-color: #fff;
}

To te cząsteczki są w tle

Comments

Wiem, miałem to rozwiązanie już ale po 1. Są "Przyklejone" scrollują się ze stroną a po 2. Są w 100% na stronie a nie w tym miejscu co powinny być

---

Czyli chcesz żeby były tylko w headerze, zamiast w tle całej strony?

---

Tak zaznaczyłem w kodzie <!-- --> <!-- / --> Gdzie mają być miedzy tymi znacznikami powinny się rozciągać.

---

To tak, wszystko zamknąłem w kontenerze i nadałem kontenerowi position: relative, następnie twój header z cząsteczkami również zamknąłem w divie o nazwie header i jemu nadałem position: absolute Teraz się już wyświetla chyba dobrze. https://codepen.io/highway1337/pen/oNveXgN?editors=1100

---

Dobrze :) jeszcze zastosuje parę poprawek bo troszeczkę jak widzę grid się popsuł zaraz dam z cały kod :)

---

Rzeczywiście, ale to już musisz sobie sam poradzić swoim frameworkiem :D

---

Wiem, bo dałeś klasy które już są w frameworku i one tak mi się wydaje mają inne atrybuty niż te co dałeś w .css i się gryzą

---

Fajnie to wygląda, ale przy mniejszych rozdzielczościach (zauważyłem że po zmniejszeniu do ok. 560px cały grid się psuje i nie chce powrócić do poprzedniego stanu...