Closed joacim-boive closed 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); }
what browser are you targetting with that line of CSS?
hint: no browser supports it. :p
Yeah, I know... Brain fart. ;-)
Technically it was supported by IE10 consumer preview.
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); }