|
|||
Pseudoelemente mit negativem Z-Index werden nicht angezeigt
Hallo,
ich möchte auf einer Seite mit Hilfe von :before und :after Schatten simulieren, so wie hier CSS Box Shadow Effects - Demo bei Effect 2. Das hat bei bisherigen Versuchen (wie z.B. hier TRN GmbH - bei der Slideshow) auch prima geklappt. Nur hier Testseite will es aus mir im Moment noch unerklärlichen Gründen nicht funktionieren. Wenn ich den Z-Index der Pseudoelemente testweise von -1 auf 0 setze, dann werden Dinger angezeigt (natürlich dann in der falschen Ebene), aber mit dem z-index:-1 verschwinden sie einfach. Ich kann im Moment überhaupt nicht erkennen was da falsch läuft und auch nicht was da anders als bei den funktionierenden Beispielen wäre. Sieht jemand was ich nicht sehe? Danke! |
Sponsored Links |
|
|||
Bei deinem funktionierenden Beispiel schafft #teaser den Stapelkontext für die Schatten.
Im nicht funktionierenden Beispiel gibt es kein Element, das einen Stapelkontext schafft. Die Schatten liegen also unter allen Hintergründen außer dem, den body zum Canvas weiterreicht.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Wenn man Elementen keinen z-index gibt ist der Initialwert 0. Das heisst, dass das Element body den z-index 0 hat. Alles was kleiner ist verschwindet somit dahinter.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Zitat:
0 würde einen Stapelkontext schaffen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Stimmt, habe ich auch gerade bemerkt, das ohne es ohne Stapelkontext auto ist.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Aha. Ok.
Und bei der Demoseite ist das kein Problem, weil da außer dem Body nichts weiter einen Background hat, richtig? Danke. P.S. Mit Demoseite meine ich die hier http://www.paulund.co.uk/playground/...ss_box_shadow/ |
|
|||
Zitat:
Hätte das html-Element einen Hintergrund und somit der body seinen eigenen, dann würde man die Schatten auch da nicht sehen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
ImageFlow: Bilder werden nicht angezeigt | crossgolfer85 | Javascript & Ajax | 6 | 22.02.2011 16:16 |
Fokus auf Checkbox wird nicht angezeigt | krümel | CSS | 1 | 16.03.2009 23:55 |
Text zu Groß für Box, Es soll ein Scrollbalken angezeigt werden | michi-muc | CSS | 1 | 04.02.2008 21:41 |