It would look like this as an example but obveously this wont work
body {
background: #eaeaea url( ../images/background.gif ) top left repeat-x, url(../images/backgroundShine.jpg), #eaeaea url( ../images/background.gif ) top left repeat-x;
Just so you know, using multiple background does not work in all browsers and is buggy in others.
Here is a good guide:
http://helephant.com/2009/11/css3-multiple-background-images/
@dennis_h so would you suggest I create like a 3 div layout and give the left and the right the repeated image with the center div containing the fixed image?
nvm, reading the tut u said, they have backwards comparability.. Its not the end of the world if the fixed image isn’t there so ta.
regards
@dennis_h I tried posting on the adobe forum but its giving me some error, really over adobe customer support..
If I wanted the images to display on x, backgroundrepeat.jpg repeated then backgroundcenter with a fixed size/centered and the backgroundrepeat.jpg repeated.. How would I achieve this, I think I am meant to declare the width the center image but this is boggeling my mind. Any idea’s?
body {
background: url( ../images/backgroundrepeat.jpg ) repeat-x left;
background: url( ../images/backgroundrepeat.jpg ) repeat-x left ,
url( ../images/backgroundcenter.jpg ) 0 0 no-repeat,
url( ../images/backgroundrepeat.jpg ) repeat-x right;
