Tricks und Kniffe

ID #1112

Eine Ebene vor die andere schieben

Frage:Wie kann man eine Ebene vor alle anderen schieben, so daß bspw. der Hintergrund grau wird nur eine Dialogbox im Vordergrund soll farbig sein! Javascript soll dafür natürlich verwendet werden oder aber PHP! 

Antwort: Die Antwort hat zwei Ebenen. Einmal die auf den ersten Blick verständliche und dann die, die im Hintergrund unausgesprochen mitschwingt.  Grundsätzlich verschiebt man eine Ebene vor oder hinter eine andere, indem man am z-index manipuliert. Genaueres dazu findest Du bei Klaus Langenberg oder bei SELFHTML

Was aber wohl eigentlich gemeint ist, ist eine Lightbox. Ich verstehe nach mehrmaligem Lesen die Frage so, daß eine Lightbox gesucht wird. Dazu gibt es einen Überlicksartikel bei den Webkrauts  und eine ganz kurze Einführung bei der englischen Wikipedia. Einen umfangreichen Überblick über die unterschiedlichen Lightboxskripte, sortierbar nach verwendetem Javascript-Framework (oder ohne) bietet die "Lightbox Clones Matrix".

Tags: lightbox, z-index

Verwandte Artikel:

Letzte Änderung des Artikels: 2009-04-27 22:54
Autor: Jens Grochtdreis
Revision: 1.0

Digg it! Share on Facebook Artikel ausdrucken Artikel weiterempfehlen Als PDF-Datei anzeigen
Übersetzungsvorschlag für Übersetzungsvorschlag für
Bewertung der Nützlichkeit dieses Artikels:

Durchschnittliche Bewertung: 3 (2 Abstimmungen)

vollkommen überflüssig 1 2 3 4 5 sehr wertvoll

Kommentieren nicht möglich