Image dissolve through CSS

I am using this code to have a background inside a layer

#rt-header .rt-container {background: #fff url(../images/backgrounds/style5/header-bg.jpg) 100% -30px no-repeat;}


I want to have multiple images dissolve in and out of each other in place of the background. Is it possible through CSS or will I have to use flash? And what will be the best way to incorporate it in that css if I have to resort to flash?

Thanks.

Hello ksduded,
CSS can't do any sort of fade in or tranistion and it doesn't allow for multiple image backgrounds.
If you have an animated .gif that did what you want, you could try that. Not sure how many browsers that would work in.

Hello ksduded,
CSS can't do any sort of fade in or tranistion and it doesn't allow for multiple image backgrounds.
If you have an animated .gif that did what you want, you could try that. Not sure how many browsers that would work in.

thanks for the suggestion... is it possible to use an swf instead by changing that css line?

.swf cannot be a background so no. You would need to use swfobject (http://code.google.com/p/swfobject/) probably.

Hi,
You might like to try javascripting...

Regards,