IE10 and IE11 need -ms- prefix on linear gradients

[MattWilliamsDev]

IE10 and IE11 require the -ms- prefix on the linear-gradient property, however, Can I Use does not list the -ms- prefix anywhere in their listings. Currently, adding the -ms- prefix manually in the CSS is futile, as it is removed per the Can I Use rules.

I propose a new method for adding custom rules, allowing pre-specified prefixes to go untouched, or maybe adding in support for some of the -ms- prefix(es) that Can I Use is lacking on?

[MattWilliamsDev]

Also, our autoprefixer settings are as follows:

autoprefixer: {
    options: {
        browsers: ['ie >= 8', 'Chrome >= 14', 'ff >= 14', 'Safari >= 5.1', 'Opera >= 12', 'last 2 iOS versions', 'last 2 Android versions'] // Targets IE8+, Firefox >= 14, Chrome >= 14, Opera >= 12, the Android stock browser, & iOS Safari
    }
}

[nDmitry]

IE10 and IE11 require the -ms- prefix on the linear-gradient property

Do they? http://blogs.msdn.com/b/ie/archive/2012/06/25/unprefixed-css3-gradients-in-ie10.aspx

I guess you're using the old gradient syntax rather than linear-gradient(to bottom, #fff, #000).

[MattWilliamsDev]

My apologies. It appears we did have background: linear-gradient(center top , #7DB7E9, #4D87B8) repeat scroll 0% 0% transparent;.

After changing the code to just background: linear-gradient(center top , #7DB7E9, #4D87B8);, it appears to be working.

Thank you for your prompt response.