Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="dn3d_fanboy" data-source="post: 2781759" data-attributes="member: 547472">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: <a href="https://jsfiddle.net/ug9b3hj1/3/" target="_blank">https://jsfiddle.net/ug9b3hj1/3/</a>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.</blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.