jQuery Fadein / Fadeout IE Cleartype Glitch Как исправить переход
-
27-09-2019 - |
Вопрос
Ну, это хорошо известная ошибка с IE и jQuery:
Что я спрашиваю: возможно ли как-то удалить этот уродливый эффект перехода, прежде чем применяется «Исправление». Проверьте это в IE:
http://www.kevinleary.net/wp-samples/ie-fade-problems.php.
Хотя это решение в худшую проблему, возможно, это то, что можно исправить это традание и вспышку контента «en-Clear-Type»?
Это не беспокоит меня так много, но это для моего главного меню веб-сайта в jQuery (Superfish) - эти переходы в значительной степени видны ...
Редактировать: только одно, чтобы заметить - это произойдет ли это на браузерах? Может быть, это что-то в настройках IE?
Решение
Там нет способа исправить Cleartype с уродливым пока исчезновение случается на это содержание. Отказ Это просто (IMO) плохое решение, которое IE команда сделала о том, как реализовать свой непрозрачный фильтр (прямой X, который, как он реализован в IE не поддерживает Cleartype).
Единственный другой вариант, который хорошо работает, это что-то исчезнуть еще, как <div>
Наверху того, что исчезает, а не ваш контент с текстом, исчезающим ... Но вы сказали, что ваше использование для меню, так что это не применимо здесь.
Другие советы
Я читаю всевозможные потенциальные решения для проблемы исчезновения Internet Explorer, но ничего не работало.
В конечном итоге я решил пойти с абсолютно позиционированным DIV наложением, как описано в этой теме. У меня есть динамическая высота, однако, поэтому я использовал jQuery, чтобы изменить высоту div перед исчезновением. Мой код закончился, выглядя что-то подобное:
$("#fade-canvas").css('height',$("#wrapper").height()+'px').show();
/* HIDE or SHOW wrapper child elements as needed */
$("#fade-canvas").css('height',$("#wrapper").height()+'px').fadeOut(600);
Вытащил мои волосы с этой проблемой, поэтому, надеюсь, это поможет кому-то.
Хорошее решение Ника!
Различные сценарии внедрили исправления (например, цикл), но в настоящее время лучший вариант, который я нашел для фиксации пикселированного текста во время анимации, является именно то, что Nick рекомендует: наложение Div вместо того, чтобы увядать сам текст.
Извините, я не мог бы быть больше помощи сапфиру, но спасибо за чтение!