Sponsored Links |
|
|||
Ich habe es auf die Schnelle nicht eindeutig in der Doku gefunden, aber ich vermute sehr stark das hier:
Ein Elternelement liegt immer unterhalb (z-Achse) seiner Kindelemente. Der z-index bezieht sich nur auf die Anordnung der Geschwisterelemente, also der Elemente mit identischem Elternelement. |
Sponsored Links |
|
||||
DANKE! Sowas in der Art, vermutete ich auch. Und obendrein ist das body Element ja auch nicht irgend ein Block oder Inline Element. Schon deswegen ist meine Frage i-wie doof gewesen. Aber interessant ists schon! Vor allem, da man den body so wunderbar als wrapper ersatz nutzen kann (könnte....)
MFG!
__________________
Zitat:
|
|
|||
Zitat:
Kindelemente können hinter dem Elternelement positioniert werden, wenn ihr z-Index negativ ist. Zitat:
Es ist nicht immer sinnvoll, es als wrapper zu verwenden, aber man kann das html- und das body-Element durchaus für verschiedene Zwecke nutzen.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. Geändert von gato (08.03.2012 um 19:09 Uhr) |
|
|||
Dann nehme ich alles zurück und behaupte das Gegenteil:
HTML-Code:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>z-index Test</title> <style> /*<![CDATA[*/ html { background: white; border-bottom: 1px solid red; } body { position: relative; margin: 40px 0 0 40px; width: 200px; height: 200px; background: salmon; } .child { position: relative; top: -20px; left: -20px; width: 200px; height: 200px; z-index: -5; background: greenyellow; } /*]]>*/ </style> </head> <body> <div class="child"></div> </body> </html> → Misunderstood CSS Concepts Was sind denn die Spezialregeln von html und body? Ich muss zugeben, zu den Leuten zu gehören, die die Box-Model-Eigenschaften von html und body nicht anrühren, weil sie davon ausgehen, dass sonst mindestens der IE explodiert. Edit: Ach ja, noch kurz @fertone: Das zeigt wieder sehr schön, dass ein Beispiel immer gut ist. Ich habe dir hier etwa deine Darstellung aus „Faulheit“ einfach geglaubt („Wird fertone schon richtig getestet haben.“) und habe dann – diesmal definitiv aus Faulheit – einfach mit gefährlichem Halbwissen geantwortet. Geändert von mermshaus (09.03.2012 um 07:57 Uhr) |
|
|||
Zitat:
Nebenbei ist dieses System derzeit nur im Firefox fehelrfrei imlplementiert, was man schnell erkennt, wenn man dem html-Element ein Elternelement oder zwei body-Elemente verpasst (nur in XHTML möglich). Danach kommt IE9, Opera und als Schlusslicht - wer hätte es gedacht - WebKit. Zitat:
CSS ist wirklich sehr komplex, was dazu führt, dass manche Lösungen komplizierter sind als sie sein müssten. Beispielsweise die clearfix-Lösung: In dem Artikel von 2004, der die Methode als erstes beschrieb, wird in das Pseudoelement erst ein Punkt eingefügt und dann mit allen möglichen Eigenschaften wieder versteckt. Dabei reicht HTML-Code:
.clearfix:after { content: ''; /* Pseudoelement erzeugen. */ display: block; /* clear funktioniert nur bei Block-Boxen. */ clear: both; } |
|
|||
Zitat:
Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Stichwörter |
body, z-index |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Ungewöhnlicher abstand beim clearen von floats | adrianno | CSS | 14 | 16.09.2009 15:20 |
Festanstellung bei der Xing AG als Web Developer (HTML/CSS) | NEOX | Offtopic | 10 | 17.07.2008 18:11 |
Ausrichtung Aufzählungszeichen | snowbound_ch | CSS | 11 | 19.02.2008 21:12 |
overflow:scroll ... ohne feste größe | zelle | CSS | 4 | 12.02.2006 20:21 |