Jquery 动画效果后 IE 的字母渲染错误答案

【问题标题】：IE bad render of letters after Jquery animate effectJquery 动画效果后 IE 的字母渲染错误
【发布时间】：2011-12-04 19:17:54
【问题描述】：

我拥有以下网站：juancarlosoleacañizares.es

要显示每个段落的内容，您必须单击它。当你这样做时，它在除 IE 之外的所有浏览器中都能流畅运行。

jQuery 代码是：

$('.resumen').click(function() {
    visible = $(this).find('.content');
    oculto = $(this).find('.expanded');

    visible.animate({
        opacity: 0
    }, 500, function() {
        visible.css('display','none');

        oculto.css("display","block");
        oculto.css("cursor","auto");
        oculto.animate({
            opacity: 1              
        }, 500);        
    });
});

包含所有内容的块具有类content，而显示的块具有expanded。

还有expanded的css：

div.expanded { 溢出：隐藏；显示：无；不透明度：0； }

这个问题有什么解决办法吗？

【问题讨论】：

标签： jquery internet-explorer jquery-animate

【解决方案1】：

如果我的记忆没有欺骗我，您可以通过在 css 中将背景（颜色或图像，只需尝试其中一种）添加到元素来修复它，该元素会包装文本。在您的情况下，您需要将案例背景添加到淡入的段落中。

【讨论】：