paulirish / css3please

use Autoprefixer instead. <3
http://css3please.com
388 stars 65 forks source link

Missing -ms-linear-gradient #102

Closed joacim-boive closed 12 years ago

joacim-boive commented 12 years ago

I read that your removed the filter for gradients in IE9 and that's great. But why no -ms-linear-gradient? You have every other browser prefix.

As it stands now there's no gradient in IE9

Simply change: .boxgradient { background-color: #444444; background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome / background-image: -webkit-linear-gradient(top, #444444, #999999); / Chrome 10+, Saf5.1+, iOS 5+ / background-image: -moz-linear-gradient(top, #444444, #999999); / FF3.6+ / background-image: -o-linear-gradient(top, #444444, #999999); /_ Opera 11.10+ */ background-image: linear-gradient(to bottom, #444444, #999999); }

To

.boxgradient { background-color: #444444; background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome / background-image: -webkit-linear-gradient(top, #444444, #999999); / Chrome 10+, Saf5.1+, iOS 5+ / background-image: -moz-linear-gradient(top, #444444, #999999); / FF3.6+ / background-image: -o-linear-gradient(top, #444444, #999999); / Opera 11.10+ / /IE9/ *_background-image: -ms-linear-gradient(top, #444444, #999999);** background-image: linear-gradient(to bottom, #444444, #999999); }

paulirish commented 12 years ago

what browser are you targetting with that line of CSS?

hint: no browser supports it. :p

joacim-boive commented 12 years ago

Yeah, I know... Brain fart. ;-)

Mouvedia commented 1 year ago

Technically it was supported by IE10 consumer preview.