在图像上渲染生成的文本时,Explorer字体反锯齿错误

时间:2010-11-01 15:27:38

标签: fonts explorer antialiasing

我正在使用JQuery加载一个JPEG图像(作为css背景),上面有一些文字。

除了资源管理器(在XP上为6和7,在W7上为8),文本在每个浏览器中呈现正常,其中抗锯齿透明度是针对黑色而不是图像进行的。

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

如何在渲染文本时让资源管理器了解背景图像?

1 个答案:

答案 0 :(得分:0)

终于找到了答案。

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

动画完成后,您最终得到:

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

您需要从样式属性中删除过滤器(动画完成时):

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