Hello

I need a CSS Gradient Code which can be used in all browsers like at
http://www.cricinfo.com. I have a one which is only for IE.

Abdullah Saleem

I don't think Firefox support that.

Sorry Internet Explorer.

I know you mean you have a CSS gradient code for IE and you want the code that works for all browsers. But unfortunately Firefox does not support the CSS gradient code unless you use gradient image as a background.

Originally Posted by larryatwt

I know you mean you have a CSS gradient code for IE and you want the code that works for all browsers. But unfortunately Firefox does not support the CSS gradient code unless you use gradient image as a background.

Do you know that how to use Gradient Images?

How can i make Gradient Img?

To create a gradient like the one you posted, take a 1px vertical slice of the gradient the height of the main content and save it as a .gif. Set that as your background image to repeat on the x axis in the CSS for your main content div. Set the color that the gradient ends in for your background color so it shows when the .gif runs out.

Horizontal gradients are easier, you just have to do a 1px horizontal slice and set it to repeat-y.

tim

Tim has answered your questions. You can download the free software paint.net to create your gradient images.

Here's a free online graphics tool which you could create a gradient in also.
http://www.sumopaint.com/go/

Thank You!

You can check my site with a gradient effect :

Cricpak

you could just use a picture with your designed gradient on 1xN(depending on the height that you wanted it to be seen) in px... then just use the repeat-x on your background style...

try photoshop.
its the best graphic editing and creating tool for all of us.

gradient is not hard to make.

USE Photoshop 1 click and you have a gradient background