search

nDmitry / grunt-autoprefixer

Parse CSS and add vendor-prefixed CSS properties using the Can I Use database. Based on Autoprefixer.
MIT License
795 stars 60 forks source link

Removes background: -ms-radial-gradient() also IE needs it. #67

Closed salvador-dali closed 10 years ago

salvador-dali commented 10 years ago

I have autoprefixer with the following options: browsers: ['last 2 version'],

And the following css class:

background: -webkit-radial-gradient(center center, circle cover, rgba(0,0,255,1), rgba(255,255,255,0) 100%);
background:     -ms-radial-gradient(center center, circle cover, rgba(0,0,255,1), rgba(255,255,255,0) 100%);
background:         radial-gradient(center center, circle cover, rgba(0,0,255,1), rgba(255,255,255,0) 100%);

autoprefixer removes ms-radial and does so even if I will add IE9. The problem is that even IE11 needs this prefix. Here is an example to test: http://jsfiddle.net/oj7fr558/1/ and without -ms-gradient http://jsfiddle.net/oj7fr558/

nDmitry commented 10 years ago

IE 10/11 don't need the prefix http://caniuse.com/#feat=css-gradients

And you're using legacy WebKit syntax, which isn't supported by IE. https://developer.mozilla.org/en-US/docs/Web/CSS/radial-gradient