stylus / nib

Stylus mixins, utilities, components, and gradient image generation
http://stylus.github.io/nib
MIT License
1.9k stars 250 forks source link

Why doesn't linear-gradient produce output for IE? #168

Open Hubro opened 11 years ago

Hubro commented 11 years ago

I've searched the issues and gone through the documentation, but I can't find any reason why the output of linear-gradient(...) doesn't include the filter properties for IE. This is the output of background-image: linear-gradient(top, #555555 0%, #393939 100%):

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #393939));
background-image: -webkit-linear-gradient(top, #555 0%, #393939 100%);
background-image: -moz-linear-gradient(top, #555 0%, #393939 100%);
background-image: -o-linear-gradient(top, #555 0%, #393939 100%);
background-image: -ms-linear-gradient(top, #555 0%, #393939 100%);
background-image: linear-gradient(top, #555 0%, #393939 100%);

Which looks nice in all browsers except Internet Explorer 9 and older. Is there an option somewhere for including the filter property? In any case, how do I make the gradients work for IE9 short of using linear-gradient-image?

roc commented 11 years ago

+1!

If we have alpha rgb support, does this remain a difficult task?

es128 commented 11 years ago

:+1: