IE Text Shadow
# February 13, 2013 at 7:36 am
I got it from here: http://stackoverflow.com/questions/6905658/css3-text-shadow-in-ie9
but it looks like there may be another version
}# February 2, 2015 at 12:42 am
Let me revive this one… there’s an ‘okay’ solution with a pseudo element if one would still like to support older IE versions :
Any comments/improvements on this? The idea is that it goes into a separate stylesheet with a conditional statement. All other browsers will be using the modern implementation (which isn’t shown in the pen for demonstrative purpose).# February 2, 2015 at 5:08 am
Unfortunately we run into the same trouble when trying to apply a blur – the special IE filters do not seem to work at all anymore. The only way to reliably implement a blur would be to wrap the text inside an svg and apply a Gaussian deviation, which would really lead to far. It does look a lot better (than nothing at all) with a pseudo element already though. And using hsla, supported in IE9, can help a bit as well.# May 3, 2015 at 12:45 pm
Thank you for that update, as that was the case for me as well. I viewed my site through IE Tester, and the filters were working just fine. Perhaps IE 10+ developer’s tools uses an emulator that does not totally render the way the legacy browsers do. Thankfully this is not an issue in 99% of the work that I do.# May 4, 2015 at 1:19 am
@jaybadz-css Your guess is right. IE10+ Developer Tools are busted and should not be used for doing serious testing.
I’ve got a virtual machine with IE9 for that (as you cannot install multiple IE versions -.-). Alternatively services like crossbrowsertesting.com may help to test with (nearly) every possible device-os-browser-combination (they are much slower, though).
You must be logged in to reply to this topic.