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

Posted 2023-05-08

【中文标题】Jquery 动画效果后 IE 的字母渲染错误

【英文标题】：IE bad render of letters after Jquery animate effect

【发布时间】：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；

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

【参考方案1】：

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