Anordnen von Elementen
Überlappen in CSS verschiedene Elemente (meist CSS Ebenen - Layer), kann mit Hilfe des Befehls z-index: xxx die Reihenfolge bzw. die Anordnung definiert werden. Hierbei werden für xxx ganze Zahlen verwendet, wobei für übereinander liegende Elemente das Element mit dem höchsten Wert oben liegt.Dies ist vor allem beim Arbeiten mit Ebenen (sog. Layer) sinnvoll und nützlich.
Beispiel - Anordnung von CSS Ebenen
div.ebene1 {
position:absolute;
height:100px;
width:505px;
left:25px;
top:1110px;
background-color:#999999;
z-index:1;
}
div.ebene2 {
position:absolute;
height:100px;
width:505px;
left:45px;
top:1130px;
background-color:#bcbcbc;
z-index:2;
}
div.ebene3 {
position:absolute;
height:100px;
width:505px;
left:65px;
top:1150px;
background-color:#dddddd;
z-index:3;
}
position:absolute;
height:100px;
width:505px;
left:25px;
top:1110px;
background-color:#999999;
z-index:1;
}
div.ebene2 {
position:absolute;
height:100px;
width:505px;
left:45px;
top:1130px;
background-color:#bcbcbc;
z-index:2;
}
div.ebene3 {
position:absolute;
height:100px;
width:505px;
left:65px;
top:1150px;
background-color:#dddddd;
z-index:3;
}
Und so schaut´s aus
Verschaff Dir einen Überblick
Wissenswertes, Hilfestellung und Lösungen rund um das Thema CSS:A
Absolute und relative MaßeAbgerundete Ecken
Anordnung
B
background-attachmentbackground-position
C
cm (Zentimeter)Color
Contextual Selectors
CSS Formatierungen
CSS-Sprites
D
Definition mehrerer TagsE
Ebenen / LayerEcke / Eckenrundung
Einbindung CSS
em
ex
Externe CSS-Datei
F
FarbenFarbcodes
Farbnamen
Farbverlauf
Fixierter, fester Hintergrund
G
GradientGrundlagen
H
HintergrundbildHintergrundbild Positionierung
Hover-Effekt über Hintergrundbild
I
IDsin (Inch)
Interne CSS-Datei
K
KlassenKlassifizierung
L
Layer / EbenenListen
P
pcPosition
Positionierung Hintergrundbild
pt (Pica)
px (Pixel)
R
Rahmen FormatierungReihenfolge von Elementen
Relative und absolute Maße
repeat Möglichkeiten
Runde Ecken
S
SchriftformatierungScrollbarer Hintergrund
Sichtbarkeit
Sprites
Stylesheet
T
TextflussTextgestaltung
U
Überhängende InhalteÜbereinander liegende Elemente
V
VererbungVerlauf / Verläufe
