IE文本在渐变上的呈现

Question

IE文本在渐变上的呈现

internet-explorerfiltercssinternet-explorer-9text-rendering

14

如果应用了“滤镜(filter)”的元素上面出现了文本，IE 8及以下版本会呈现糟糕的效果，这并不奇怪。通常我都避免使用“滤镜(filter)”。然而，我在IE9中进行了一些测试，发现了一个巨大的问题; 渲染在任何应用了css3渐变或盒子阴影的元素上方的文本效果被破坏了。不仅是直接在元素顶部的文本，而且每个在z-index上位于渐变之上的元素的文本效果都会遭受破坏。例如，如果我将页面的背景定义为渐变，覆盖它以一个纯白色的div，并在其上方渲染文本，则效果仍然很糟糕。我真的希望这只是一个将在最终版本中解决的公测问题。我一直在使用此处提供的代码来实现渐变效果（不包括滤镜），但现在，在IE9中使用此技术的所有页面都看起来很糟糕。有人知道这个问题吗？我在谷歌上搜索时没有找到任何相关信息。

- Jo Sprague

1

微软对于保护其漏洞列表的隐私非常谨慎，特别是针对测试版项目。话虽如此，我目前还没有看到任何信息，只有发布后才能回答这个问题。 - PseudoNinja

2

紧握拳头 当我创建一个本应很棒的网站时，客户在IE中查看并问为什么文字渲染很差时，我就很讨厌这种情况。我希望我能够把责任归咎于IE，但对于客户来说，这从未重要过。 - Jo Sprague

3

请看：http://stackoverflow.com/questions/9156731/text-rendering-is-screwed-with-gradient-on-ie 和 https://dev59.com/TXE95IYBdhLWcg3wApBU - user2378736

1

共识是优雅降级 - 对于旧版IE使用纯色或背景图像 - 让较新的IE获得新的闪亮效果。 - Ruskin

可能是重复问题：IE创建字体图标时出现奇怪的下划线 - Paul Sweatte

我同意Ruskin的观点。我建议使用1像素宽的带有渐变的图像，并在其上执行 background-repeat: repeat-x;。 - cpk

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- xaddict · Accepted Answer

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

在IE 8中打开示例，除了在Windows XP等平台上始终糟糕的抗锯齿外，没有显着的问题。

很多事情都已经改变。