jQuery fadeIn / fadeOut IE глюк cleartype глюк, как исправить переход - PullRequest
Новая
       17

jQuery fadeIn / fadeOut IE глюк cleartype глюк, как исправить переход

2 голосов
/ 22 ноября 2010

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

IE теряет ClearType

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

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

Хотя это решение худшей проблемы, возможно ли исправить этот переход и вспышку контента «непонятного типа»?

Меня это не сильно беспокоит, но это для моего главного меню веб-сайта в jquery (суперфиш) - эти переходы в значительной степени видны ...

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

Ответы [ 3 ]

2 голосов
/ 28 октября 2011

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

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

2 голосов
/ 23 ноября 2010

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

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

0 голосов
/ 18 января 2011

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

В различных скриптах реализованы исправления (например, цикл ), но на данный момент лучший вариант, который я нашел для исправления пиксельного текста во время анимации, - это именно то, что Ник рекомендует: Наложение DIV вместо затухания самого текста.

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

...