jQuery动画不透明在IE中不起作用

我在使用jQuery动画的my site的介绍中遇到了一个奇怪的问题。我使用views/drupal加载内容，并将显示设置为none。然后我想淡入每一行。jQuery动画不透明在IE中不起作用

所有浏览器中的所有工作都很好，但IE中没有...有人知道为什么吗？

jQuery('.view-intro').find('.views-row-1') 
    .css('display','block') 
    .animate({opacity: 1.00}, time_short, 'swing') 
    .animate({opacity: 1.00}, time_long, 'linear') 
    .animate({opacity: 0.00}, time_short, 'swing', function(){ 

     jQuery('.view-intro').find('.views-row-1').css('display','none') 

     jQuery('.view-intro').find('.views-row-2') 
     .css('display','block') 
     .animate({opacity: 1.00}, time_short, 'swing') 
     .animate({opacity: 1.00}, time_long, 'linear') 
     .animate({opacity: 0.00}, time_short, 'swing', function(){ 

      jQuery('.view-intro').find('.views-row-2').css('display','none') 

      jQuery('.view-intro').find('.views-row-3') 
      .css('display','block') 
      .animate({opacity: 1.00}, time_short, 'swing') 
      .animate({opacity: 1.00}, time_long, 'linear') 
      .animate({opacity: 0.00}, time_short, 'swing', function(){ 

       jQuery('.view-intro').find('.views-row-3').css('display','none') 

       jQuery('.view-intro').css('display', 'none') 
       jQuery('.view-collections').animate({opacity: 1, paddingLeft: 0}, time_short, 'swing') 

      }) 
     }) 
    })

来源

2012-03-15 screaming SiLENCE

你试过用'.fadeIn（）'和'.fadeOut（）'来代替吗？ jQuery应该在这里处理跨浏览器问题。你也可以使用'.show（）'和'.hide（）'（甚至'.toggle（）'）来代替使用'.css（'display'，' – m90 2012-03-15 13:23:12

IE8及以下不认不透明度CSS属性，所以我建议你使用fadeTo（），它应该工作。

来源

2012-03-15 13:17:50 Alytrem

jQuery动画不透明在IE中不起作用

回答

相关问题