При использовании прозрачности или затухания с течением времени с помощью jQuery.animate вы столкнетесь с проблемами рендеринга шрифтов во всех версиях Internet Explorer.
Это оставляет вам 2 варианта:
Используйте свойства ярлыков jQuery opacity (‘show’) или opacity (‘hide’), которые обрабатывают недостатки IE, или установите для свойства filter css значение ‘none’, как только вы завершите анимацию. полностью скрытый, вариант 1 имеет смысл, иначе у вас нет другого выбора, кроме как использовать вариант 2.
Я столкнулся с этим, поскольку у меня были проблемы с рендерингом шрифтов для Cruiseabout в содержимом вкладок, которое было вызвано моим использованием прозрачности в FCL.TABS. В результате я исправил FCL.TABS, чтобы использовать непрозрачные свойства «show» и «hide» вместо «0? и «1? и проблема была исправлена.
Сломанный код
$tabContent.css('opacity', 0);
$tabContent.animate(
{
opacity: 1
}, 350);Фиксированный код
$tabContent.css('opacity', 'hide');
$tabContent.animate(
{
opacity: 'show'
}, 350);