IE中的发光文本(DXImageTransform.Microsoft.Glow)和抗锯齿

时间:2013-01-06 13:03:55

标签: css webfonts css3

我正在尝试创建一个可在Internet Explorer中正常运行的发光文本。

我有这个文字影子声明:

text-shadow: 0 0 4px White;

对于IE,我添加了这个:

filter: "progid:DXImageTransform.Microsoft.Chroma(Color='White') progid:DXImageTransform.Microsoft.Glow(Strength=5, Color=#ffffff)";

它有效,但它会关闭文本抗锯齿,所以它看起来很难看 - 比较这两个图像(Chrome vs IE9):

enter image description here enter image description here

你知道如何解决这个问题吗?感谢。

1 个答案:

答案 0 :(得分:2)

我相信这让事情变得更加现代:

<font style="display: block; filter: glow(Color=white, Strength=$2) 
blur(add=false, direction=0, strength=1) 
blur(add=false, direction=180, strength=1) 
blur(add=false, direction=270, strength=1) 
blur(add=false, direction=90, strength=1">Novinky</font>
基本上,这是一种伪反义 首先应用发光,然后在4个方向(U,D,L,R)上模糊1个像素 (甚至模糊了发光本身)

测试页面: http://tcll5850.proboards.com/thread/178/post-glow-plugin-darkpikachu

参考页面: http://www.ssi-developer.net/css/visual-filters.shtml