jQuery 淡入淡出 + IE 中淡出？

Question

我在 jQuery 的 gtetting fadeIn 和 fadeOut 效果在 IE (6+7+8) 中正常工作时遇到问题。该脚本在 FF 和 safari 中运行良好（淡入淡出效果很好），但在 IE 中它只是显示/隐藏 - 根本没有淡入淡出效果。

有什么想法吗？

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

它获取的 href 属性只是保存一个表示 ul li 长度中的位置的数值。

Answer 1

我遇到了同样的问题并使用了下面的代码（来自上面 Q8-coder 发布的链接）。它运作良好，但我仍然遇到一些问题。我注意到，在具有相对或绝对定位子元素的容器元素上使用 fadeTo 在 IE8 中不起作用。父元素将消失，但所有具有正向或相对定位的子元素将保留在视图中。解决这个问题的唯一方法是使用 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();  
    }); 
}; 

Answer 2

尝试这个解决方法。

Answer 3

对我来说，使用 fadeIn() 效果很好，我的

在 IE9 上会很好地淡入，然后（一旦淡入完成）它会再次消失。啊。

修复方法是添加此处显示的 filter css 值：

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

Answer 4

试试这个：

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

Answer 5

我在 IE8 中的脚本中遇到了类似的问题。设置 z-index 后问题就消失了。我找到了下面的解决方案。

http://www.kevinleary.net/jquery-fadein-互联网浏览器中的淡出问题/