我有gtetting淡入和jQuery的淡出效果在IE(6 + 7 + 8)正常工作的问题。该脚本在FF和Safari(很好衰落)工作正常,但在IE它只是显示/隐藏。 - 无衰落效应在所有

任何想法?

$(".myclass ul li:eq(" + $(this).attr("href") + ")").fadeIn(5000); 

href属性,它是越来越被简单地保存表示在UL立长度的位置的数值。

有帮助吗?

解决方案

我有同样的问题,并用于下面的代码(从张贴由Q8编码器上面的链接)。它的工作原理很好,但我仍然有一些问题。我注意到,其中有相对或绝对定位的孩子在IE8没有工作的容器元素使用fadeTo。家长会褪色,但所有的子元素与正或相对定位将保持在视图中。要解决它的唯一办法是选择容器元素,它的所有使用jQuery的孩子,然后应用fadeTo所有的人。

jQuery.fn.fadeIn = function(speed, callback) { 
    return this.animate({opacity: 'show'}, speed, function() { 
        if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 

jQuery.fn.fadeOut = function(speed, callback) { 
    return this.animate({opacity: 'hide'}, speed, function() { 
        if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 

jQuery.fn.fadeTo = function(speed,to,callback) { 
    return this.animate({opacity: to}, speed, function() { 
        if (to == 1 && jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
}; 

其他提示

尝试此变通方法

对于我来说,使用fadeIn()工作得很好,我<div>将很好地淡入的IE9,那么(一旦衰落完成),它会再次即消失。啊。

的修复是添加此示出的filter CSS值:

$("#fadeMeIn").fadeIn("slow");
$("#fadeMeIn").css('filter', 'none');

尝试这种情况:

$(".myclass ul li:eq(" + $(this).attr("href") + ")").hide().fadeIn(5000);

我曾与IE8的脚本类似的问题。之后我设置的z-index的问题就消失了。我发现下面的解决方案。

http://www.kevinleary.net/jquery -fadein-淡出-问题-在网际浏览器/

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top