14

如果 IE 8 和更低版本的文本位于任何应用了“过滤器”的元素上,它会严重渲染文本。没有什么真正令人惊讶的。我通常只是避免使用“过滤器”。但是,我在 IE9 中进行了一些测试,发现了一个巨大的问题;在应用了 css3 渐变或框阴影的任何元素上呈现的文本,文本呈现被破坏。不仅针对直接位于元素顶部的文本,还针对 z-index 中渐变上方的每个元素。例如,如果我用渐变定义页面的背景,用纯白色 div 覆盖它,然后在上面渲染文本,它仍然很糟糕。我真的希望这只是一个测试版问题,将在最终版本中解决。我一直在这里使用代码,暂时用于渐变(减去过滤器),但现在在 IE9 中,所有使用这种技术的页面看起来都很糟糕。有谁知道这件事 - 当我用谷歌搜索时,我找不到任何关于这个问题的信息。

4

2 回答 2

0

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

在 IE 8 中打开示例,除了在 Windows XP 等平台上的 IE 8 中总是很糟糕的抗锯齿功能外,没有明显的问题。

很多东西都变了。

于 2015-04-22T10:05:20.483 回答
0

IE 演示:-

http://samples.msdn.microsoft.com/workshop/samples/author/filter/gradient.htm

语法 HTML

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

Internet Explorer 5.5 或更高版本 例如:-

<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>

启用了布尔属性,您可以为其设置 false 或 true http://msdn.microsoft.com/en-us/library/ms532997%28v=vs.85%29.aspx

IE7 和 IE8 中的 CSS 渐变导致文本出现别名

例子:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
于 2014-12-04T12:21:19.350 回答