[Solved] Two backgrounds

[Roxon]

I’ve seen a lot of websites lately with a main background above the fold, and below there’s a kind of gradient or a just plain color. Is the only way to accomplish this through an image tag made into a background, or is there a way to do it via background-image and CSS?

[jamygolden]

You could do this:

body{background: #ccc url(../images/example.jpg) repeat-x left top;}

That way there will be a colour once the image stops.
Also, you could have a look at Chris’ css3 gradient article. Perhaps you could have a CSS3 gradient with a fallback flat colour.

[Roxon]

Sweet thanks a lot!

[Author]

Posts