IE9文字阴影 - 滤镜:发光,色度和阴影

时间:2011-10-17 13:13:57

标签: css internet-explorer cross-browser internet-explorer-9

我正试图在IE9中将文字放在文本后面。因为IE糟透了我已经使用过滤器发光来完成IE7和8中的效果。

我做了一些研究,发现IE9不再支持滤镜发光,也不支持CSS3属性text-shadow(为什么MS?为什么?!)。

所以我玩了ms滤镜的阴影和阴影,但这并没有解决任何问题。我尝试的所有内容都会导致黑色背景色(见截图)。

CSS我正在使用

 text-shadow: 0 0 0.6em #000, 0 0 0.6em #000;
 filter: progid:DXImageTransform.Microsoft.glow(color=#606060,strength=2);
 background-color:transparent;

和渲染截图

注意:上面的css正在应用于包含文本的div。

我正在寻找的解决方案最好是css-only但是如果js是必要的,那就是它的方式。

PS。我不得不提到这一点,我不能再考虑IE9的一些公告海报说“对不起开发者,但我们会补偿你”,我错误地希望IE停止强奸我的时间。

1 个答案:

答案 0 :(得分:1)

使用此jquery插件在所有浏览器中获得完美的文本阴影......

https://github.com/heygrady/textshadow

谢谢