CODEWITHSUNDEEP
cssinternet-explorer-10gradientinternet-explorer-11
carherlo
carherlo

Reputation: 45

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

Upvotes: 3

Views: 4761

Answers (2)

Alex
Alex

Reputation: 11255

DX filters are no longer supported for IE 10+ in standard mode. Use linear-gradient.

Upvotes: 1

Sampson
Sampson

Reputation: 268462

Internet Explorer 10+ uses the standard syntax:

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

Upvotes: 5

Related Questions