2 bilder in hintergrund mit css!

css-noob

Hallo!

Ich möchte 2 Bilder an 2 verschiedenen stellen im HIntergrund einbauen!

Ein Bild geht super mit

.mainBackground {
background-attachment: fixed;
background-image: url(../images/muster3.gif);
background-repeat: no-repeat;
background-position: right top;

}

und das zweite Bild müsste anhand dieses codes so eingebaut sein

background-attachment: fixed;
background-image: url(../images/muster2.gif);
background-repeat: no-repeat;
background-position: left bottom;

Leider wird mir nur ein Bild angezeigt

Gibts da eine LÖsung??

Danke
MIcha

jojo87

du kannst dem selben Element nicht zwei Hintergründe geben.
Mach zwei boxen mit zwei unterschiedlichen id's, positioniere sie entsprechend, und gib ihnen deine Hintergründe, dann gehts.

Bin eigentlich kompletter CSS noob!

Meinst du so?

Code

.mainBackground {
background-attachment: fixed;
background-image: url(../images/muster3.gif);
background-repeat: no-repeat;
background-position: right top;


} 


.mainBackground2 {
background-attachment: fixed;
background-image: url(../images/muster2.gif);
background-repeat: no-repeat;
background-position: left bottom;


}

Alles anzeigen

driver

jup. so könnte es gehen. jetzt muss halt 2 container
machen die diese classe einbinden..

wie mache ich diese 2 container?

driver

z.b.

Code

<div class="mainBackground">.... inhalt ....</div>

du musst die dann halt noch ausrichten. aber nur so am rande...
wie stellst du dir des vor ? dann überlagert doch der eine den anderen, oder ?

Das macht nix, da es sich nur um ein ganz kleines pic handelt! eins soll rechts oben angezeigt werden, das andere links unten!

Danke

Tags