Particles.js als Hintergrund?

8

Ich versuche, dieses Beispiel als Hintergrund zu verwenden, aber ich kann es scheinbar nicht zum Laufen bringen.

Ссылка

Um das zu umgehen, bin ich gezwungen, einen Rand von -1500px zu verwenden, nur um meinen Text darüber zu legen, und es verursacht große Probleme mit der Reaktionsfähigkeit.

Hat jemand eine Idee, wie ich es ausschließlich als Hintergrund verwenden kann?

Der Schöpfer des Plugins hat es hier auf seiner Website gemacht.

Ссылка

Sie können erkennen, dass, wenn Sie es untersuchen, kein "Canvas" über dem oberen Bereich liegt, wie es beim CodePen-Beispiel der Fall ist.

    
Milan Maru 21.11.2016, 13:00
quelle

6 Antworten

4

Versuchen Sie, die Eigenschaft overflow: hidden; an dem Element zu verwenden, das Sie der particles.js;

voranstellen möchten %Vor%     
Renan Sigolo 15.08.2017 22:27
quelle
3

Ich habe dieses Problem schon einmal kennengelernt und das Problem behoben:

%Vor%

Erstellen Sie dann ein div / main-Element für Ihren Inhalt und fügen Sie diesen hinzu:

%Vor%     
Grey 21.11.2016 15:01
quelle
2

Ich habe es gerade mit dem nächsten css-Code geschafft, genau wie der Schöpfer in seiner Nasa-Seite :

%Vor%

Dann habe ich <div id="particles-js"></div> direkt nach dem Body-Opening-Tag geschrieben. Beachten Sie, dass Sie die Canvas-Klasse nicht sehen können, da sie von der Bibliothek particles.js generiert wird.

Zeichensatz-Erstellungscode-Fragment

    
Erwol 17.04.2017 08:45
quelle
1

Sie können es auch so implementieren

%Vor%

in CSS

%Vor%

all das Element von particle-js im Hintergrund platziert. hoffe nützlich.

    
Barack Obama 22.11.2016 14:59
quelle
0

In id="particles-js" füge diesen Code einfach zu deiner CSS hinzu:

%Vor%

Sie können !important hinzufügen, um die vorherigen Stile zu überschreiben.

    
Darwin P 19.10.2017 05:25
quelle
0

Versuchen Sie Folgendes:

%Vor%

wo Ihr Körper id="particle_background"

hat     
kumail 01.01.2018 00:15
quelle

Tags und Links