Question

Okay so I am currently having problems with gradients in IE 5-7 (It needs to be in there for comptability reasons.)

I have tried using the following code:

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfdff', endColorstr='#b3e9ef',GradientType=1 ); /* IE6-8 */

However it does not display the gradient at all and simply displays a white background, the other code I am using for IE9+ and IE10+ works fine and has no issues, the same applies for all other browsers and the code used for them.

Answer 1

I fixed this by simple creating a 1 pixel gradient and then repeating it and setting a colour.

background: #edfdff url(images/gradient_slice.png) 0 0 x-repeat; /* Old browsers */