2 Background Images for 1 style class

[ggeorgiou01]

Hi all,

I have a style (see below) in a style sheet, this works fine, but what i also want to do is add another background image to the same style. But only the last image is being shown on my page !!!

How do i add 2 background images to the same style class ??

.Green
{
background-position: top right;
background-image: url(Images/CornerGreen.gif);
background-repeat: no-repeat;

background-position: top left;
background-image: url(Images/CornerGreenLeft.gif);
background-repeat: no-repeat;
}

Many thanks,

George

 

[Vragabond]

Multiple background images will be available in CSS3 but are not supported as of yet. Also, your code would be incorrect in applying two images. The way css works, your code should simply show the last image -- which it does.

 

[BabyJeffy]

Multiple background images is not supported by a majority of browsers yet.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[BabyJeffy]

*snap*

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[ggeorgiou01]

Thanks you for your quick responses - guys...

So is there no possible way around this ???

 

[BillyRayPreachersSon]

Use multiple elements.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]