fadeIn/fadeOut Problème jquery avec IE7/8 & png

Question

Hé les gars, j'essaie de faire un fond de loupe lorsque l'utilisation plane sur une image qui peut être agrandie. Il utilise une plage vide et définit son affichage sur aucune jusqu'à ce qu'il soit plané, et ayant pour arrière-plan un png semi-transparent avec une loupe au centre.

Ceci est fait en utilisant fadeIn/fadeOut et fonctionne parfaitement dans tous les navigateurs autres que IE.

Dans IE, l'arrière-plan de l'image clignote en gris foncé avant de passer à l'image correcte en survol et de planer.

Voici l'exemple de ce que je travaille, ses trois petites images consécutives:

http://www.brainbuzzmedia.com/themes/amplify/html/index.html

J'ai lu que la solution à ce ajoute une couleur de fond à l'élément s'estompe, mais évidemment cela ne fonctionnerait pas car j'ai besoin d'utiliser un png semi-transparent comme arrière-plan. Quelqu'un at-il une idée de ce que je peux faire avec ça?

Answer 1

Je n'obtiens pas le flash en gris foncé. Ce que je peux penser comme une solution est soit avoir un autre div de la même taille que l'image placée absolument derrière l'image et que cela utilise le fond png.

OU

utilisation et la propriété opacity filtre ms pour IE.

Answer 2

J'ai eu un problème similaire.

Après la fadein/fadeout essayer d'appeler:

$("#myelement").css('filter', 'none'); 

Il a travaillé pour moi quand IE 7 & 8 gauche noir méchant où les traces de l'opacité aurait été après avoir fait un effet de fondu.

Answer 3

Voir cet article, question similaire:

jQuery IE Cleartype glitch on fadeout!

L'astuce est d'utiliser un retard alors fadeOut.