Gradient not working in IE 10/11

carherlo

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

Sampson

Internet Explorer 10+ uses the standard syntax:

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

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Gradient is not working in IE-10

From Dev

Linear Gradient overlay not Working in IE

From Dev

Linear-gradient not working in IE 11

From Dev

Background image gradient not working with ie9

From Dev

How to get border radius and gradient background working together in IE 9

From Dev

Gradient not working with position:absolute

From Dev

Linear color gradient not working

From Dev

CSS Gradient animation not working

From Dev

Apply gradient on a UIView not working

From Dev

linear-gradient not working in Chrome

From Dev

wpf button hover gradient is not working

From Dev

Gradient descent for linear regression is not working

From Dev

CSS Gradient (hover) not working properly

From Dev

Background-image gradient not working

From Dev

Linear gradient is not working in Safari for Windows

From Dev

Background linear gradient not working in safari

From Dev

Gradient XML drawable center not working

From Dev

CSS Gradient Not Working In Chrome 49

From Dev

Gradient on svg <text> element is not working

From Dev

radial-gradient not working in firefox

From Dev

Linear gradient is not working in Safari for Windows

From Dev

CSS radial gradient not working in Mozilla

From Dev

Android rectangle gradient centerX not working

From Dev

CSS background gradient transition not working

From Dev

Gradient view not working programmatically with swift

From Dev

background gradient not rendering correcty in IE10

From Dev

Using "ellipse" as gradient for IE-9

From Dev

calc in linear gradient does not work in IE/Edge

From Dev

IE 11 + SignalR not working