jQuery Maçonnerie et opacité dans IE

Question

J'ai découvert que si j'utilise la maçonnerie jQuery et que j'utilise jQuery pour définir l'opacité de quelque chose, l'opacité ne fonctionne pas dans IE. La chose amusante est que j'ai un ensemble de div à fadeIn, qui a également une valeur d'opacité. La div est translucide lors de l'évanouissement dans IE, mais dès que le fondu est fini, il devient juste solide. C'est très étrange et je ne trouve pas de solution. Essayé en utilisant un PNG translucide mais ceux-ci ne se fanera pas correctement dans IE.

Merci

Answer 1

Ceci est un bug très commun. C'est un problème avec IE, pas jQuery. Heureusement, IE9 a enfin un vrai support d'opacité. Malheureusement, Butt-Loads d'utilisateurs utilisent toujours IE7 (et IE6 !!).

Une fois, j'ai créé une interface jQuery super douce avec des PNG en dégradé. Les PNG utilisaient des niveaux d'opacité pour garder les choses belles. Dans IE les pixels d'opacité étaient noirs pleins.

J'ai fait BEAUCOUP de googling sur le sujet, et il n'y a pas de solution de rechange autre que de ne pas fondre un PNG avec opacité.

Actaully, ces correctifs ne fonctionne pas pour moi, mais peut-être qu'ils vous:

http://blog.pengoworks.com/index.cfm/2009/2/17/Fading-a-24bit-transparent-PNG-in-IE7

Answer 2

Ok, alors voici ce que je devais faire. Réglez l'opacité de la div en utilisant css avec opacity et filter (pour corss-browser). Le fondu dans la div (parce qu'il est caché). Maintenant dans IE pour une raison quelconque après l'évanouissement l'opacité va s'éteindre, donc vous devez le réinitialiser en utilisant jQuery css opacity à nouveau, c'est le code:

$ ('.projet .blue'). Delay (300). fadeIn (800) .css ({"opacité":. 3});

Assez simple, mais c'est toujours la dernière chose à laquelle vous pensez.