Mehrere Hindergrundbilder

[CSSModo]

Hallo,

ich möchte in einen Abschnitt #header drei Bilder nebeneinander einfügen. In der CSS Dateien.
Das erste Bild geht ja noch einfach:

Code: Alles auswählen

#header {
height: 235px;
background: rgb(127,127,127) url('../bilder/bild1.jpg') no-repeat 5% 50%;
margin-bottom: 2px;
}

aber ich möchte noch ein Bild bei 50% 50% und eins bei 95% 50% haben.
Einfach untereinanderschreiben geht nicht, da nur die letzte Zeile akzeptiert wird:

Code: Alles auswählen

#header {
height: 235px;
background: rgb(127,127,127) url('../bilder/bild1.jpg') no-repeat 5% 50%;
background: rgb(127,127,127) url('../bilder/bild2.jpg') no-repeat 50% 50%;
background: rgb(127,127,127) url('../bilder/bild1.jpg') no-repeat 95% 50%;
margin-bottom: 2px;
}

Danke für Hilfe.

[Laus]

Hallo

Bisher ist es leider noch nicht möglich mit CSS mehrere Hintergrundbilder einzubinden, (soll mit CSS3 möglich sein, aber bis das von allen Browsern unterstützt wird vergehen wohl noch einige Jahre).
Alternativ kannst du aber ein Bild im Hintergrund über CSS und die Beiden anderen als img Tag einfügen und dann in CSS positionieren.

Gruß Xaver

[CSSModo]

kann man die drei Bilder auch einfach nicht als Hintergrundbilder sonder als normale bilder nebeneinander in den #header einfügen?
Ich will nämlich nicht in jeden html-Code die drei Bilder einfügen, sonder sie auf eine CSS-Datei auslagern.

[Laus]

Wenn es immer die drei gleichen Bilder sind, warum machst du daraus denn nicht in einem Grafikprogramm deiner Wahl ein Bild und fügst dies als Hintergrund ein?