CSS3 gradient background set on body doesn't stretch but instead repeats?

Posted by John Isaacks on Stack Overflow See other posts from Stack Overflow or by John Isaacks
Published on 2010-05-19T20:40:23Z Indexed on 2010/05/19 21:00 UTC
Read the original article Hit count: 391

Filed under:
|
|
|

ok say the content inside the <body> totals 300px high.

If I set the background of my <body> using -webkit-gradient or -moz-linear-gradient

Then I maximize my window (or just make it taller than 300px) the gradient will be exactly 300px tall (the height of the content) and just repeat to fill the rest of the window.

I am assuming this is not a bug since it is the same in both webkit and gecko.

But is there a way to make the gradient stretch to fill the window instead of repeat?

© Stack Overflow or respective owner

Related posts about css3

Related posts about gradient