jquery ne se décolore pas le texte si positionné: absolute;

Question

je LI que je veux disparaître et avant. Au sein de l'élément de la liste que j'ai un texte. Ce texte est placé tout à fait dans le LI.

Le hic est que dans IE8 (IE6 et 7 semblent très bien), je peux tout à disparaître, sauf le texte:

http://jsbin.com/esamu/13

Si je supprime le positionnement absolu sur l'élément de texte (dans ce cas, P), IE8 peut alors effacer le texte correctement:

http://jsbin.com/esamu/14

Quelqu'un sait pourquoi il en est? Tout le monde connaît un remède?

Mise à jour:

Cela semble être un problème général dans IE8 si le texte est positionné à tous. Donc, pas strictement absolue. J'ai un pressentiment cela est dû au bogue de fondu ClearType.

Answer 1

Arnie et Prodigit à la fois offert des alternatives utiles. Merci!

En fin de compte, c'est la solution plutôt stupide nous sommes arrivés:

Dans notre cas, nous avons une série de LIs qui contiennent une image avec du texte en couches (placée) sur le dessus. Nous fadout l'ensemble de LI et, lorsque vous avez terminé, nous disparaîtrons dans la suivante.

La question était que le texte ne serait pas fadeOut / correctement dans IE8 (et peut-être 7). Le correctif est qu'au lieu de la sortie en fondu chaque LI, nous Fading à la place une image sur ce qui se passe pour correspondre au fond (je l'appelle un « IE flétris masque »). Une fois que l'image est complètement disparu dans, nous échangeons la LI en arrière-plan, puis flétris l'image en face.

Cela nous donne exactement le même aspect visuel, plus le bonus de ce type reste lissée dans IE.

Je pense que cela pourrait aussi être utilisé pour la décoloration LI dans un autre (ayant un fondu en même temps que les autres se fane dans) et serait tout simplement exiger le clonage du « IE fondu masque » pour chaque LI.

Answer 2

En positionnant le texte, IE8 ne héritera pas d'opacité. En fait, je ne pense pas que ce soit le même problème que bug ClearType.

Je l'ai mis à jour votre script avec celui qui fonctionne: http://jsbin.com/esamu/19

Je ne ai fait changer $ ( 'li') à $ ( 'li, p') de sorte que son sélection explicitement l'élément positionné.

Answer 3

Je ne sais pas pourquoi, mais avez-vous essayé simplement d'ajouter les metas pour forcer IE * à rendre comme IE7 pour une solution rapide?

Answer 4

J'ai eu ce même problème avec le texte placé de façon absolue IE8 (IE7, 6 étaient bien) et je résolus avec en affectant un plus z-index à l'élément fondu et un niveau inférieur à la sortie en fondu:

$('#fadeoutdiv').css({zIndex:7}).fadeOut(2000); $('#fadeindiv').css({zIndex:6}).fadeOut(2000);

crédit

Al Flemming pour cette solution.