[SOLVED] More Than One Background Image

[DEVILofDARKNESS]

Hi How Can I add more than one BGImage?

Like you can see in the code I want an image in the top center, in the bottom left (and also in the bottom right <= not in code)

If I try the code it only uses the second bgimage (which is normal )

body
{ 
	background-image: url(/images/brandenburg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(/images/eifel.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: black;
	color: #FF0000;
}

[rhodesa]

simply put....you can't...not on the same block element. you have to use different methods to get what you want. do you have a mock up of how you want it to look?

[DEVILofDARKNESS]

well, I want my page shown, and at the top in the center a picture,

in the left bottom also one and in the right bottom one,?

[rhodesa]

k, for the top center one, you can do a background image centered on the BODY tag, or on a DIV tag in the body.

 

for the bottom and left and right, you will need to look into the 100% height hack, then have two fixed width/height DIVs with the backgrounds and positioned absolutely