jQuery Fadein / Fadeout IE Cleartype Glitch Как исправить переход

Question

Ну, это хорошо известная ошибка с IE и jQuery:

Т.е. теряет cleartype

Что я спрашиваю: возможно ли как-то удалить этот уродливый эффект перехода, прежде чем применяется «Исправление». Проверьте это в IE:

http://www.kevinleary.net/wp-samples/ie-fade-problems.php.

Хотя это решение в худшую проблему, возможно, это то, что можно исправить это традание и вспышку контента «en-Clear-Type»?

Это не беспокоит меня так много, но это для моего главного меню веб-сайта в jQuery (Superfish) - эти переходы в значительной степени видны ...

Редактировать: только одно, чтобы заметить - это произойдет ли это на браузерах? Может быть, это что-то в настройках IE?

Answer 1

Там нет способа исправить Cleartype с уродливым пока исчезновение случается на это содержание. Отказ Это просто (IMO) плохое решение, которое IE команда сделала о том, как реализовать свой непрозрачный фильтр (прямой X, который, как он реализован в IE не поддерживает Cleartype).

Единственный другой вариант, который хорошо работает, это что-то исчезнуть еще, как <div> Наверху того, что исчезает, а не ваш контент с текстом, исчезающим ... Но вы сказали, что ваше использование для меню, так что это не применимо здесь.

Answer 2

Я читаю всевозможные потенциальные решения для проблемы исчезновения 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);

Вытащил мои волосы с этой проблемой, поэтому, надеюсь, это поможет кому-то.

Answer 3

Хорошее решение Ника!

Различные сценарии внедрили исправления (например, цикл), но в настоящее время лучший вариант, который я нашел для фиксации пикселированного текста во время анимации, является именно то, что Nick рекомендует: наложение Div вместо того, чтобы увядать сам текст.

Извините, я не мог бы быть больше помощи сапфиру, но спасибо за чтение!