Aktives Mitglied
Hallo zusammen,
ich versuche mit CSS und :after eine Box hinter eine andere Box zu verschieben. Leider will es mir nicht gelingen und irgendwie bin ich mit meinem Latein so langsam am Ende.
Hier kann man den Code sehen: https://jsfiddle.net/ug9b3hj1/3/
Die rote, abgeschrägte Box soll hinter die Box (hellgrün) im Hintergrund, um so den Effekt einer unten schrägen Box zu erzielen. Allerdings wird hier z-index irgendwie ignoriert. Fülle ich Text in die hintere Box verhält sich der z-index allerdings korrekt.
Was übersehe ich oder mache ich da grundlegend etwas falsch?
Vielleicht kann mit hier jemand weiterhelfen.
Besten Dank im Voraus.
ich versuche mit CSS und :after eine Box hinter eine andere Box zu verschieben. Leider will es mir nicht gelingen und irgendwie bin ich mit meinem Latein so langsam am Ende.
Hier kann man den Code sehen: https://jsfiddle.net/ug9b3hj1/3/
Die rote, abgeschrägte Box soll hinter die Box (hellgrün) im Hintergrund, um so den Effekt einer unten schrägen Box zu erzielen. Allerdings wird hier z-index irgendwie ignoriert. Fülle ich Text in die hintere Box verhält sich der z-index allerdings korrekt.
Was übersehe ich oder mache ich da grundlegend etwas falsch?
Vielleicht kann mit hier jemand weiterhelfen.
Besten Dank im Voraus.