Multiple Images on 1 Div

aaronhockey_09 · 09-10-2012, 08:35 PM

Hey guys,
So, im trying to get something working.
I need a div that has 3 background images.
A left with no repeat
A right with no repeat
And a center that repeats.

I have everything showing up.
But is there any way to make the left and right images to display over top of the one that is centered and repeating ?

The reason im doing this is because the div needs rounded corners, but also has a gradient and 2 or 3 strokes on it. So instead of doing all that with css, i just wanted to use images.

Here is my CSS

Code:

 background: url(../images/1.png) center repeat-x, url(../images/2.png) left no-repeat, url(../images/3.png) right no-repeat;

Thanks for all the help in advance
Cheers

Sammy12 · 09-10-2012, 10:32 PM

Maybe changing the order of the backgrounds images?

I think the first background image you define, should come out on top.

aaronhockey_09 · 09-10-2012, 10:39 PM

Quote:

Originally Posted by Sammy12

Maybe changing the order of the backgrounds images?

I think the first background image you define, should come out on top.

Worked like a charm
Thanks so much !