Comment puis-je utiliser JQuery fadeTo() dans IE 7 ?

Question

Je suis en train d'utiliser jQuery fadeTo(), cela fonctionne dans Chrome et Firefox mais pas dans IE 7. Le code ci-dessous ne fonctionne pas dans IE 7..

J'ai corrigé table.nav td:have{ opacity:0.2;}

À l'exécution, j'utilise jQuery pour changer l'opacité de 0.2 à 1.0

 $(document).ready(function() {  

          $("table.nav td").hover(function() {

              $("table.nav td:hover").fadeTo("slow", 1.0);

          });

      });

Answer 1

Je suppose que c'est comme ça que vous voulez que ça fonctionne?

$(function() {
    $("table.nav td")
        .css("opacity", "0.2") //Faire ça en jQuery est mieux cross-browser que simplement l'opacité en CSS
        .hover(function() {
            $(this).fadeTo("slow", 1.0);
        },function() {
            $(this).fadeTo("slow", 0.2);
        });
});​

Exemple : http://jsfiddle.net/wk74b/1/

Ce code fonctionne dans IE7 pour moi.

Answer 2

J'ai créé un exemple et ça fonctionne dans IE 7. Consultez la démo ici.

Je suis d'accord avec jAndy à propos du problème d'opacité.

$(document).ready(function() { 

        $("#hello").fadeTo("slow", 0.2);

        $("#hello").hover(function() {

                              $("#hello").fadeTo("slow", 1);

                            }, 
                            function ()
                            {
                              $("#hello").fadeTo("slow", 0.2);

                            }
          );
      });