Bild senden in: vor Pseudo-Element hinter Element

Question

Ich wurde von Multiple Backgrounds with single element inspiriert und versuchen, das zu tun ... aber gescheitert.

Dies ist mein Beispielcode in jsfiddle.

Bild (blauer Vogel) im: Vorher Element geht nie zum Haupt (weißer Vogel) Element. Hier geht was ich probiert habe: vorher.

• Inhalt: url() oder background: url()
• z-index: -1 oder beliebige kleinere Zahl als Haupt der
• : before und: after :(

Wie kann Ich sende es zurück zum Hauptelement ???

Answer 1

In Ihrem ersten Link zeigt das Schema: vor und: nachdem Hintergründe sind auf dem Hintergrund des Elements? Also ich denke, alles ist gut, Sie müssen nur die beiden Hintergründe invertieren.