background-image in 3 teilen und halbtransparenten .PNGs

[dave]

Hi,

wenn es sich bei dem "repeat-y"-Bild nur um eine Farbe, einen Verlauf oder etwas ähnlich einfaches handelt könnte man das eventuell analog zu diesem Beispiel lösen.

Puuuuh, was alles mit CSS3 möglich geworden ist... muss ich mich wohl irgendwann einlesen :-)
Es ist schon ein richtiges .PNG, lässt sich leider nicht mit farben/gradienten lösen.

Mich würde interessieren was ein 1px hohes PNG so besonders macht, dass man es nicht mit CSS nachbauen kann.
Darf ich es sehen?

Ich habe nun 3 verschiedene <div>s untereinander erstellt mit jeweils einem background-image. Das geht gerade noch so, da top- und bottom-Grafik schmal ausfallen und es daher nicht auffällt, dass der eigentliche Inhalt erst NACH dem ersten div anfängt ;)

Dann könntest du das vielleicht ja doch mit background-clip und padding lösen, oder mit, wie von MudGuard vorgeschlagen, ::before/::after.
Ich finde sinnloses Markup immer hässlich.

~dave