Having trouble making a CSS3 background

Question

I wanted to make a rather simple double-CSS3 gradient background, which would look like the one in use on my website now. I can't, however, conjure up the code to get both gradients working at once. Can anyone help me? The background image: http://theapplenewsreel.com/Photos/background-main.jpg Once you see it, you'll understand why I want to get rid of the image. Banding on the gradients, plus the 715kb size, make for a cumbersome file.

Answer 1

You might try here: Ultimate CSS Gradient Genrator

background: #2c2c2c;
background: -moz-linear-gradient(top,  #2c2c2c 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2c2c), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #2c2c2c 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #2c2c2c 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #2c2c2c 0%,#ffffff 100%);
background: linear-gradient(top,  #2c2c2c 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#ffffff',GradientType=0 );

Answer 2

Alright, I figured out how to do that: I made a 100% height 1000px width container , and set the background to a CSS gradient generated by that gradient generator you suggested.