Question

我在使用jQuery动画的my site简介中遇到了一个奇怪的问题。我使用views / drupal加载内容，将display display设置为none。然后我想淡出每一行。

一切都适用于所有浏览器，但不适用于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及以下版本无法识别不透明度css属性，所以我建议你使用fadeTo（），这应该可行。

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

1 个答案: