Gradient not working in IE 10/11

Question

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

I've had some issues with IE and gradients too. I've used this website which helped alot: http://www.colorzilla.com/gradient-editor/ Good luck! — Gooey, Dec 30 '13 at 16:23

score 5 · Accepted Answer · answered Dec 30 '13 at 16:21

5

Internet Explorer 10+ uses the standard syntax:

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

answered Dec 30 '13 at 16:21

Sampson

265,109
74
539
565

score 1 · Answer 2 · edited Jun 01 '17 at 01:53

1

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

edited Jun 01 '17 at 01:53

Gras Double

15,901
8
56
54

answered Dec 30 '13 at 16:22

Alex

11,115
12
51
64

Gradient not working in IE 10/11

2 Answers2

Linked