我怎样才能在IE 7中使用JQuery fadeTo()?

时间:2010-07-21 07:22:27

标签: jquery

我正在使用jquery fadeTo()它在chrome和firefox中工作但在IE 7中没有。下面的代码在IE 7中不起作用..

我修复了table.nav td:有{opacity:0.2;}

运行时我使用jquery将不透明度改为0.2到1.0

 $(document).ready(function() {  

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

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



          });

      });

2 个答案:

答案 0 :(得分:2)

我想这就是你想要它的工作方式?

$(function() {
    $("table.nav td")
        .css("opacity", "0.2") //Doing this in jQuery is better cross browser than just opacity in CSS
        .hover(function() {
            $(this).fadeTo("slow", 1.0);
        },function() {
            $(this).fadeTo("slow", 0.2);
        });
});​

示例:http://jsfiddle.net/wk74b/1/

该代码适用于IE7。

答案 1 :(得分:0)

我创建了一个示例,它在IE 7中运行。查看演示here

同意jAndy关于不透明度问题。

$(document).ready(function() { 

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

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

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

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

                            }
          );
      });