开发者

IE9 text shadow - filter: glow, chroma and shadow

开发者 https://www.devze.com 2023-04-13 08:11 出处:网络
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'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 everythin开发者_JS百科g 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

IE9 text shadow - filter: glow, chroma and shadow

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

0

精彩评论

暂无评论...
验证码 换一张
取 消