fonts - 在图像上渲染生成的文本时资源管理器字体抗锯齿错误

Question

我正在使用 JQuery 加载带有一些文本的 JPEG 图像（作为 css 背景）。

文本在除 Explorer（XP 上的 6 和 7，W7 上的 8）之外的所有浏览器中都能很好地呈现，其中抗锯齿透明度是针对黑色而不是图像完成的。

如果我直接在 HTML 中加载图像和文本，它工作正常，所以只有在使用 Javascript 动态更改文本和图像时才会出现问题。

渲染文本时如何让资源管理器知道背景图像？

Answer 1

终于找到了答案。

我忘了提到我正在为文本块的不透明度设置动画；JQuery 使用 Explorer CSS 过滤器来实现动画。

动画完成后，您将获得：

<DIV id=banner_text style="DISPLAY: block; FILTER: alpha(opacity=100); ZOOM: 1" jQuery1288626313662="24">

您需要从样式属性中删除过滤器（动画完成时）：

$('#banner_text').css('filter','');