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

Question

我在 my site 的介绍中遇到了一个奇怪的问题，带有 jQ​​uery 动画。我使用视图/drupal 加载内容，然后将显示设置为无。然后我想淡入淡出每一行。

All 在所有浏览器中都运行良好，但在 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')

            })
        })
    })

Answer 1

IE8 及以下版本无法识别 opacity css 属性，因此我建议您使用 fadeTo()，它应该可以工作。