Multiple Background Images in one tag

[wbochar]

I've created a toobar using a UL and LI's that run accross the screen (display: inline

in each li there is a link (ahref)

I've got on each link a left edge image, middle section rerpeating image and right edge image.

the middle section is set to repeat over x

so it should look like:

--[||||||||]--

I can get it so one backround displays, but not three.

I've read that if you use the background-image with a comma seperate list of files -- you should be able to load multiple backgrounds for that element.

BACKGROUND-IMAGE: url(../interface/TOOLBAR-BTN-UP-MIDDLE.jpg),url(../interface/TOOLBAR-BTN-UP-LEFTEDGE.jpg),url(../interface/TOOLBAR-BTN-UP-RIGHTEDGE.jpg);

the same goes for the repeating and positioning

BACKGROUND-POSITION: center top,left top,right top;
BACKGROUND-REPEAT: repeat-x,no-repeat,no-repeat;

when i do this, nothing works in any browser.

is there another way to handle this? (besides a table)

wbochar

 

[Vragabond]

First, I am interested where you read that. I have never come across three backgrounds for a single element.

Second, how do you expect that to work, how is css supposed to know which background to stack over which and similar with positioning and repeating. All in all, I believe you must have read a bad referrence. Here's a much better place to learn about this:

http://www.alistapart.com/articles/slidingdoors/

 

[wbochar]

http://www.w3.org/TR/2005/WD-css3-background-20050216/#layering

I didnt check the header of the document; just assumed that w3c was a relevant source for css

but this is for the next revisionof css.

I am still trying to figure a way to solve my problem..

 

[ChrisHirst]

yes, that's a [red]CSS3[/red] draft spec.
The browsers haven't even caught up with CSS2 yet

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
Nightclub counting systems

So long, and thanks for all the fish.