Hallo miteinander,
hab es heute irgendwie nicht hinbekommen,
dass ich im Hintergrund ein WebGL-Fenster laufen habe und darüber der Inhalt der Seite angezeigt wird.
Nur umgekehrt, was zwar mit entsprechenden Alphawerten auch eine Möglichkeit wäre, aber die Links waren dann nicht klickbar.
Geht es überhaupt?
Wenn ja, wie?
Wollte eigentlich bloß einen Pixelshader als Dekoration im Hintergrund laufen lassen.

Grüße
Vinz

EDIT: Lösung:


"z-index:-1;" hatte gefehlt.

_________________
"Pixel, ich bin dein Vater."
-Darf Shader

Die Links kann man trotzdem klickbar machen, dafür gibt es so ein semi-standard-Attribut: pointer-events: none⁽¹⁾ (can I use-Eintrag). Damit machst du dein Element durchsichtig für Mausevents, was im prinzip das sein könnte was du willst. Ich persönlich fände die Lösung aber nicht so gut.

Könntest du mal beschreiben, was das genaue Problem ist, was du dabei hast, WebGL im Hintergrund laufen zu lassen?

viele Grüße,
Horazont

p.s.: So richtig begeistert bin ich von der Idee einer Webseite, wo im Hintergrund ein gelblicher Kasten ist (NoScript) / wo irgendeine Animation abläuft, aber nicht. Die 90er sind vorbei, und das ist gut so . Aber ist vielleicht eine nette Fingerübung.

(1): Das Attribut klingt im Link erstmal richtig, aber vollständig sicher bin ich mir nicht. Ich hab den Namen aus meinem Gedächtnis gekramt.

_________________
If you find any deadlinks, please send me a notification – Wenn du tote Links findest, sende mir eine Benachrichtigung.
current projects: ManiacLab; aioxmpp
zombofant network • my photostream
„Writing code is like writing poetry“ - source unknown

„Give a man a fish, and you feed him for a day. Teach a man to fish and you feed him for a lifetime. “ ~ A Chinese Proverb

Ja, in folgendem Beispiel werden auf eine Canvas zunächst ein rotes Quadrat, dann ein Text und dann ein blaues Quadrat gezeichnet.
der Text ist brav im Hintergrund (auch die Quadrate, wenn ich sie mit strokeRect zeichne, aber eben nur der Rand), aber die Quadrate überdecken den Inhalt immer, so ist es auch, wenn ich die Canvas mit WebGL fülle.
Irgendwas entzieht sich mir da. Müsste doch eigentlich irgendwie klappen, wenn die Strokes auch übermalt werden können.



Bei mir noch nicht:)

_________________
"Pixel, ich bin dein Vater."
-Darf Shader

Hast du mal probiert, das canvas explizit mit dem Style-Attribut z-index: -1 in den Hintergrund zu zwingen?

grüße

_________________
If you find any deadlinks, please send me a notification – Wenn du tote Links findest, sende mir eine Benachrichtigung.
current projects: ManiacLab; aioxmpp
zombofant network • my photostream
„Writing code is like writing poetry“ - source unknown

„Give a man a fish, and you feed him for a day. Teach a man to fish and you feed him for a lifetime. “ ~ A Chinese Proverb

#canvasSection{position:fixed; position:-1;}
hat nichts geändert, oder wie meintest Du?
#canvasSection{position:-1;} setzt den Inhalt unter das Canvas.
Sorry, CSS ist neu für mich.

_________________
"Pixel, ich bin dein Vater."
-Darf Shader

OK, jetzt hab ichs.
z-index:-1;
erledigt den Job.

_________________
"Pixel, ich bin dein Vater."
-Darf Shader

Ja, sorry, hab mich vertan . Schön dass es klappt.

grüße

_________________
If you find any deadlinks, please send me a notification – Wenn du tote Links findest, sende mir eine Benachrichtigung.
current projects: ManiacLab; aioxmpp
zombofant network • my photostream
„Writing code is like writing poetry“ - source unknown

„Give a man a fish, and you feed him for a day. Teach a man to fish and you feed him for a lifetime. “ ~ A Chinese Proverb