Internet explorer IE在渐变上渲染文本

IE 8和更低版本渲染文本时，如果文本位于应用了“过滤器”的任何元素上，则渲染效果会非常差。这并不奇怪。我通常只是避免使用“过滤器”。然而，我在IE9中做了一些测试，我注意到了一个巨大的问题；在应用css3渐变或框阴影的任何元素上渲染的文本，将破坏文本渲染。不仅是直接位于元素顶部的文本，而且是z索引中渐变上方的每个元素。例如，如果我用渐变定义页面的背景，用纯白div覆盖它，然后在上面渲染文本，这仍然很糟糕。我真的希望这只是一个测试版的问题，将在最终版本中解决。我已经为渐变使用了一段时间的代码（减去过滤器），但是现在在IE9中，所有使用这种技术的页面看起来都很糟糕。有人知道这件事吗？我在谷歌上搜索时找不到关于这个问题的任何信息。

IE演示：-

语法 HTML

---

四年后，我认为可以肯定地说这是一个测试版问题

在IE8中打开这个例子，除了在像WindowsXP这样的平台上IE8中的反走样总是很糟糕之外，没有什么值得注意的问题

---

很多事情都发生了变化。

微软对保留自己的bug列表非常挑剔，尤其是对于测试版项目。话虽如此，我还没有看到任何东西，但只有一个版本可以回答这个问题。当我创建了一个非常棒的网站时，我恨它，客户在IE中看着它，问为什么文本呈现很糟糕。我希望我能在这一点上把责任推到IE上，但对一个从来都不重要的客户来说。看到这一点：共识是优雅的降级-对旧IE或背景图像使用纯色-让新IE获得新的（淡）光泽。可能的

<ELEMENT STYLE=
"filter:progid:DXImageTransform.Microsoft.Gradient(sProperties)" ... >

<DIV STYLE="width:100%; filter:
    progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310)
    progid:DXImageTransform.Microsoft.Blur(pixelradius=2)
    progid:DXImageTransform.Microsoft.Wheel(duration=3);">
        Blurry text with smudge of gray.</div>

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";