Question

In the subject I mentioned only Firefox, because for now it’s the only browser I tested my code under, though it would be nice if someone could give me a generic solution :).

background-image: -moz-linear-gradient(center top, rgb(30, 30, 30), rgb(4, 4, 4));

Using above code I see… steps? 🙂 I mean – it’s not smooth, but very rectangular-ish, like that: lightgrey, a bit darker grey, light black, black instead of colors smoothly fading into each other. Is there a way to prevent this?

Answer 1

You have better color vision than I, my friend. It’s way too dark for me to see a gradient at all. Anyway, here’s the style to support all modern browsers, as it is today:

fiddle: http://jsfiddle.net/zbeY3/1/

CSS

background:-moz-linear-gradient(rgb(30, 30, 30), rgb(4, 4, 4));
background:-o-linear-gradient(rgb(30, 30, 30), rgb(4, 4, 4)); /* Opera */
background:-webkit-linear-gradient(rgb(30, 30, 30), rgb(4, 4, 4)); /* Safari 5.1+, Chrome 10+ */  
background:-ms-linear-gradient(rgb(30, 30, 30), rgb(4, 4, 4)); /* IE10 PP */
background:linear-gradient(rgb(30, 30, 30), rgb(4, 4, 4)); /* W3C */