Question

body {
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #5EB9FF 100%);
    /* IE10 */ 
    background-image: linear-gradient(bottom, #FFFFFF 0%, #5EB9FF 100%);
}

The above code works fine on Firefox and Internet Explorer 10, but neither of them work in IE 8.

Now could you please tell me how to make this code work in Internet Explorer 8?

Answer 1

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EB9FF', endColorstr='#FFFFFF');

Note: The previous rule is a full rule. Do not use it in this way: background: filter: ....;!

See also: CSS3 cross browser linear gradient