[Solved] CSS Gradient Not Work On IE-9

[wolfgang1983]

My CSS Gradient does not work on IE 9.

It works on IE 8 and 10 Not sure what I am missing

/* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #F58220 0%, #F36C00 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #F58220 0%, #F36C00 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #F58220 0%, #F36C00 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F58220), color-stop(1, #F36C00));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #F58220 0%, #F36C00 100%);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #F58220 0%, #F36C00 100%);

[Paulie_D]

I’m not seeing any gradient markup there that would work in IE8 or IE9

Try using this: http://www.colorzilla.com/gradient-editor/

[Author]

Posts