I'm trying to place shadow behind text in IE9. Because IE sucks I already used filter glow to accomplish the effect in IE7 and 8.
I did some research and found out that IE9 doesn't support filter glow anymore and also does not support CSS3 property text-shadow (WHY MS? WHY?!).
So I played around with the ms filter's shadow and dropshadow but that doesnt fix anything. Also everything I tried lead to the black background color (see screenshot).
CSS I'm using
text-shadow: 0 0 0.6em #000, 0 0 0.6em #000;
filter: progid:DXImageTransform.Microsoft.glow(color=#606060,strength=2);
background-color:transparent;
and a rendering screenshot
Note: The css above is being applied to an div containing text.
The solution I'm looking for preferably is css-only but if js is necessary, than thats the way it is.
ps. I have to mention this, I cant stop thinking about some IE9 announcement poster saying "Sorry developers, but we will make it up to you", I falsely hoped IE would stop raping my time.
Use this jquery plugin for a perfect text shadow in all browsers...
https://github.com/heygrady/textshadow
Thank you
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With