字体族在带有jQuery动画的资源管理器中渲染效果不佳_Jquery_Internet Explorer_Text_Rendering_Opacity

字体族在带有jQuery动画的资源管理器中渲染效果不佳

jquery internet-explorer text

字体族在带有jQuery动画的资源管理器中渲染效果不佳,jquery,internet-explorer,text,rendering,opacity,Jquery,Internet Explorer,Text,Rendering,Opacity,我正在我的css中使用这个 .myclass { font-size: 16px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } 它在除浏览器外的所有浏览器中都呈现出良好的平滑效果。（我只在IE8中测试过XP SP2）在Explorer中，它看起来很可怕！根本没有字体平滑然而，这只是以“display:none；”开头并通过jQuery显示的DIV块上的一个问题 <html&g

我正在我的css中使用这个

.myclass { font-size: 16px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }

它在除浏览器外的所有浏览器中都呈现出良好的平滑效果。（我只在IE8中测试过XP SP2）

在Explorer中，它看起来很可怕！根本没有字体平滑

然而，这只是以“display:none；”开头并通过jQuery显示的DIV块上的一个问题

<html>
    <div id="messageBox" style="display:none;">
        <div id="message" class="myClass"></div>
    </div>
</html>

<script>
    function message(msg) {
        $("#messageBox").slideDown('slow');
        $("#message").html(msg).animate({opacity: 1},500);
    };
</script>


功能信息（msg）{
$（“#messageBox”）.slideDown（'slow'）；
$（“#message”）.html（msg）.animate（{opacity:1500）；
};

当我把一个重复的DIV放在它旁边，它包含相同的内容和相同的样式时，字体呈现得非常好。只有当我使用jQuery动画向下滑动并显示它时，它才保持锯齿状&丑陋

有没有更好的方法让我这么做？也许应该在我的系列中添加一种不同的衬线字体，以便在所有浏览器（包括浏览器）中正确呈现

谢谢大家!

是的，问题在于不透明度。IE实现不透明度的方式是使用dxfilters，同时禁用字体抗锯齿

您可以通过执行以下操作来修复它：

$("#message").html(msg).animate({opacity: 1},500, function()
{
    $(this).css('opacity', '');
});

例如，动画完成后，取消设置不透明度css规则，并希望IE重置为“默认”渲染。如果不起作用，请尝试用未设置不透明度的新副本替换整个div。

也许我应该删除内部div上的不透明度规则。。。它是多余的，因为外部DIV的不透明度由slideDown（）控制。谢谢你把我放在正确的轨道上。我刚刚通过完全删除内部DIV上多余的不透明动画来修复它。我猜，只要包含文本的div避免不透明，就可以了。但是，具有不透明度的容器div似乎没有不良影响。我将进一步验证这个理论。再次感谢你。