题
我有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的问题就消失了。我发现下面的解决方案。
不隶属于 StackOverflow