animate() ne fonctionne pas pour l'opacité dans IE

Question

J'essaye d'animer un div de 100% d'opacité à 40% d'opacité SANS en utilisant fadeTo(). Je dois utiliser animate().

Cela fonctionne très bien dans chrome/FF/safari, mais dans IE, l'opacité ne fonctionne pas, elle change simplement à celle après que l'animation est terminée. Happens dans IE 7 et 8. Je fais ceci:

   .animate({ 
        width: new_width, 
        top: new_top, 
        left: new_left, 
        padding: new_padding, 
        opacity: 0.4, 
        filter: "alpha(opacity=40)" 
       }, 

... il est tout simplement pas animant l'opacité. Des idées?

Answer 1

Si vous supprimez simplement filter: "alpha(opacity=40)" cela fonctionnera, le opacity: 0.4 est tout ce dont vous avez besoin ... jQuery prend en charge les différences entre les différents navigateurs ici. Donc, votre appel animé serait juste:

.animate({ 
    width: new_width, 
    top: new_top, 
    left: new_left, 
    padding: new_padding, 
    opacity: 0.4 
})