Multiple Images on 1 Div
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
Thanks for all the help in advance
background: url(../images/1.png) center repeat-x, url(../images/2.png) left no-repeat, url(../images/3.png) right no-repeat;
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
Originally Posted by Sammy12
Thanks so much !