Use filter fallback for rgba values in =<IE8

[jokull]

progid:DXImageTransform.Microsoft.gradient with the same #RRGGBBAA value can act as a fallback for browser that do not support rgba values.

Is this a good idea?

See this article http://css-tricks.com/rgba-browser-support/

[tj]

hmm, we have a thing called color-image() for similar cases https://github.com/visionmedia/nib/blob/master/lib/nib/color-image.styl#L2 producing a data uri however I suppose for older browsers that wont work either

[jokull]

Did a bit of testing on this hack and it's not very reliable.

[hellosmithy]

I've created the following mixin for achieving this - it's pretty clunky as I had to rebuild the hex code from rgb to get it playing nicely with the ms filter.
https://gist.github.com/1769124

[asuth]

@jokull What was the problem? We've got code that looks like this that has worked for us:

    background: -moz-linear-gradient(top, #fff, #d1d1d1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #d1d1d1));
    filter: progid:DXImageTransform.Microsoft.gradient(Enabled='true',StartColorStr=#ffffffff, EndColorStr=#ffd1d1d1, GradientType=0);

Would be nice if nib figured this out for us.

[jokull]

We didn't test it fully enough, just had some warning signs that it might not be solid enough. But I suppose if it works for @benmohu and @asuth we should reopen no?

[asuth]

ya, 👍 to re-open.