nib
nib copied to clipboard
Use filter fallback for rgba values in =<IE8
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/
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
Did a bit of testing on this hack and it's not very reliable.
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
@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.
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?
ya, :+1: to re-open.