jQuery fadeIn / fadeOut IE ClearType problema tecnico come risolvere il problema di transizione

Question

Bene, questo è un bug noto con IE e jQuery:

IE sta perdendo ClearType

Quello che mi chiedo: è possibile eliminare in qualche modo che l'effetto di transizione brutto, prima della "correzione" è applicato. Prova questo in IE:

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

Anche se è una soluzione ad un problema peggiore, è il possibile per risolvere questo tranition e il flash di "un-chiaro-tipo" contenuti?

Non mi avrebbe problemi più di tanto, ma è per il mio sito web menu principale di jQuery (superfish) - queste transizioni sono più o meno visibili ...

Modifica: solo una cosa da notare - avviene questo sui vostri browser troppo? Forse è qualcosa nelle impostazioni di IE?

Answer 1

Non c'è modo per risolvere il ClearType andare brutto , mentre la dissolvenza accade il suo contenuto . Questo è solo un (IMO) cattiva decisione del team di IE fatta su come attuare il loro filtro opacità (Direct X, che il modo in cui è implementato in IE non supporta ClearType).

L'unica altra opzione che funziona bene è a svanire qualcosa di altro , come una <div> sulla parte superiore che si affievolisce, piuttosto che il contenuto con il testo dissolvenza ... Ma lei ha detto l'uso è per un menu, in modo che non si applicherebbe davvero qui.

Answer 2

Ho letto tutti i tipi di soluzioni possibili per il problema dissolvenza di Internet Explorer, ma niente sembrava funzionare.

In definitiva ho deciso di andare con la sovrapposizione DIV posizionato in modo assoluto come descritto in questo thread. Ho un altezza dinamica, però, quindi ho usato jQuery per modificare l'altezza del div prima della dissolvenza. Il mio codice ha finito per guardare qualcosa di simile:

$("#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);

tirato fuori i miei capelli con questo problema, quindi speriamo che questo aiuta qualcuno fuori.

Answer 3

Buona soluzione Nick!

Vari script hanno messo in atto le correzioni (come ciclo ), ma attualmente l'opzione migliore che ho trovato per fissare il testo pixel durante le animazioni è esattamente ciò che nick consiglia:. sovrapponendo una DIV invece di dissolvenza del testo stesso

Mi dispiace non potrebbe essere di maggiore aiuto Sapphire, ma grazie per la lettura!