Whats up with multi bg. It wont work for me..

Question

I have the code:#bgimages{
width:500px;
height:250px;
background-image: url (image1.jpeg), url (image2.jpeg);
background-repeat: no repeat ;
background-position: top right, bottom right;
}
yet I cannt get it to show both images and have tried endless variations....

Answer 1

Are you sure also that your two image doesn't overlap each other ( if they are >= 500x250 px )?
Have you try with transparency images?

As is, your code is quiet valid... you need just:
- suppress the space between 'url' and the opening parenthesis
- in order to not repeat image if size less than your html element, don't forgot the dash between 'no' and 'repeat, as @AKC said, but set it twice ( not sure of behaviour, if one declaration for two background images )

Well, don't forgot also of quoting the url: some charactere could be problematic else ^^

Answer 2

Are you sure, the path to your images is right?

Your background-repeat is wrong. It should be:

background-repeat: no-repeat;

Answer 3

They were overlapping. Thanks.