The way gradients should look nowdays

You need to use gradients for your CSS containers.

This one should be perfect:

background: #6cab26; // in case of some old old browser

background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#999999)); /* Saf4+, Chrome */

background: -webkit-linear-gradient(top, #222222, #999999); /* Chrome 10+, Saf5.1+ */

background: -ms-linear-gradient(top, #222222, #999999); /* IE */

background: -moz-linear-gradient(top, #222222, #999999); /* FF */

background: -o-linear-gradient(top, #222222, #999999); /* Opera */

background: linear-gradient(top, #222222, #999999); /* W3C */

Or in case combined with the image:

background: #6cab26; // in case of some old old browser

background-image: url(IMAGE_URL); 

background-image: url(IMAGE_URL), -webkit-gradient(linear, left top, left bottom, from(#222222), to(#999999)); /* Saf4+, Chrome */

background-image: url(IMAGE_URL), -webkit-linear-gradient(top, #222222, #999999); /* Chrome 10+, Saf5.1+ */

background-image: url(IMAGE_URL), -ms-linear-gradient(top, #222222, #999999); /* IE */

background-image: url(IMAGE_URL), -moz-linear-gradient(top, #222222, #999999); /* FF */

background-image: url(IMAGE_URL), -o-linear-gradient(top, #222222, #999999); /* Opera */

background-image: url(IMAGE_URL), linear-gradient(top, #222222, #999999); /* W3C */

Also you may use the Ulitmate generator.

Thanks

tags: & category: -