Two Backgrounds

[Chris77]

Sitepoint Members,
My background is taking too long to load, resulting in a white flash as the page loads. I would like to have a solid color as a background until the desired background takes effct. Is the best way to do it is to have two backgrounds in the CSS list?

Thanks for the help,


Chris

[DaveMaxwell]

Unless I'm missing something, all you need to do is set the color on the background as well as the URL for the image you're trying to load

http://reference.sitepoint.com/css/background

[Chris77]

Dave,
Thanks for writing.

So for example

body{background-color:#CC6633;background:url(/xy.jpg) repeat fixed}

would work? It seems too easy. You would think it would cause some sort of redundancy error.


Thanks,

Chris

[RyanReese]

You could shorten that and use the background property

body{background:#CC6633 url(/xy.jpg) repeat fixed}

[Chris77]

Ryan,
I did make that change and the code works fine. Unfortunately I'm still gettig the flash of white and the background solid color shows for probably a 1/10th of a second after the white flash. I remember now that in the past the white flash occured when I made big changes (a lot of code), or maybe it's big changes to one or more php files, and about 5 or 6 days later the white flash goes away. Any thoughts on what cuases that?

Thanks,

Chris

[RyanReese]

Uh...no clue. I wouldn't worry about it.