Search code examples
cssinternet-explorer-10gradientinternet-explorer-11

Gradient not working in IE 10/11


here my CSS to get the gradient working in any browser, inlcuding IE up to version 9 (IE9):

.wrapper { 
    background:-moz-linear-gradient(top , #0f1925, #000) repeat scroll 0 0 transparent;                                      
    background:-o-linear-gradient(top , #0f1925, #000) repeat scroll 0 0 transparent; 
    background:-webkit-linear-gradient(top , #0f1925, #000) repeat scroll 0 0 transparent; 
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0f1925', endColorStr='#000', GradientType=0); 
}

It won't work for IE 10/11 though.

Any ideas?

Thanks in advance


Solution

  • Internet Explorer 10+ uses the standard syntax:

    background-image: linear-gradient(to top, #000, #FFF);