Question

fadeIn动画在IE中不能用于后续编码。基本上这是一个下拉菜单，当我将光标悬停在父菜单上时，可以在Chrome，Mozilla和Opera中看到动画，但问题似乎只出现在IE上。

提前谢谢。

    function mainmenu(){
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
        $(this).find('ul:first').css({visibility: "visible",display: "none"}).fadeIn(400);
        },function(){
        $(this).find('ul:first').css({visibility: "hidden"});
        });
}



 $(document).ready(function(){                  
    mainmenu();
});

Answer 1

IE8及更早版本对褪色效果的支持极差。

IE9要好得多，但如果你正在处理IE8及更早版本，你将始终不得不接受浏览器将限制你可以做的事情。

jQuery在开发人员中隐藏了这些复杂功能的工作非常出色：您需要了解的是.fadeIn()方法，适用于任何浏览器。但在幕后，IE6 / 7/8将始终以不同的方式运作。

您尚未向我们展示与此问题相关的HTML代码，但IE8与淡入淡出有关的一个主要问题是图像。如果褪色的HTML包含图像，则很可能在IE8及更早版本中遇到淡入淡出的问题。

有办法解决它，但它们很复杂。基本上，您需要独立淡化代码的每个部分。

希望有所帮助。

fadeIn动画无法在IE中运行（所有版本）

1 个答案: