在jQuery Animate中使用不透明度进行动画处理

当使用不透明度通过jQuery.animate逐渐淡入或淡出时，所有版本的Internet Explorer都会遇到字体渲染问题。

这给您两个选择：

使用可处理IE缺点的jQuery的opacity（'show'）或opacity（'hide'）快捷方式属性，或在完成动画后将filter css属性设置为“ none”。显然，如果您要淡化某些东西完全隐藏，选项1才有意义，否则您别无选择，只能使用选项2。

我遇到了这个问题，因为我在FCL.TABS中使用不透明性导致标签内容中的Cruiseabout出现字体渲染问题。 结果，我修补了FCL.TABS以使用不透明度的“显示”和“隐藏”属性，而不是“ 0？ 和“ 1？ 并且问题已得到解决。

密码破损

$tabContent.css('opacity', 0);
$tabContent.animate(
{
opacity: 1
}, 350);

固定码

$tabContent.css('opacity', 'hide');
$tabContent.animate(
{
opacity: 'show'
}, 350);

From: https://www.sitepoint.com/animating-opacity-jquery-animate/