zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Pseudoelemente mit negativem Z-Index werden nicht angezeigt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.10.2013, 13:39
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 08.01.2008
Beiträge: 143
shredder01 befindet sich auf einem aufstrebenden Ast
Standard 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!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.10.2013, 14:01
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.10.2013, 14:01
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 14.10.2013, 14:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von explanator Beitrag anzeigen
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.
Das ist falsch. Der Initialwert ist auto!
0 würde einen Stapelkontext schaffen.
Mit Zitat antworten
  #5 (permalink)  
Alt 14.10.2013, 14:12
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Das ist falsch. Der Initialwert ist auto!
0 würde einen Stapelkontext schaffen.
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.
Mit Zitat antworten
  #6 (permalink)  
Alt 14.10.2013, 14:15
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 08.01.2008
Beiträge: 143
shredder01 befindet sich auf einem aufstrebenden Ast
Standard

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/
Mit Zitat antworten
  #7 (permalink)  
Alt 14.10.2013, 14:17
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von shredder01 Beitrag anzeigen
Und bei der Demoseite ist das kein Problem, weil da außer dem Body nichts weiter einen Background hat, richtig?
Genau. Und der Hintergrund des body wird nicht im body angezeigt, sondern im Canvas.
Hätte das html-Element einen Hintergrund und somit der body seinen eigenen, dann würde man die Schatten auch da nicht sehen.
Mit Zitat antworten
  #8 (permalink)  
Alt 14.10.2013, 19:04
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 08.01.2008
Beiträge: 143
shredder01 befindet sich auf einem aufstrebenden Ast
Standard

Ok. Danke für die Erklärung.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:07 Uhr.