淡出菜单在 IE8 中不起作用答案

【问题标题】：Fade out menu doesn't work in IE8淡出菜单在 IE8 中不起作用
【发布时间】：2012-10-31 04:58:27
【问题描述】：

我在我的网站中使用了这个脚本。但它不适用于 IE8 或更低版本。是否可以在所有浏览器中完美运行？

<script type="text/javascript" src="/web/upload/js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(function() {
            $(window).scroll(function(){
                var scrollTop = $(window).scrollTop();
                if(scrollTop != 0)
                    $('#header').stop().animate({'opacity':'0'},400);
                else    
                    $('#header').stop().animate({'opacity':'1'},400);
            });

            $('#header').hover(
                function (e) {
                    var scrollTop = $(window).scrollTop();
                    if(scrollTop != 0){
                        $('#header').stop().animate({'opacity':'1'},400);
                    }
                },
                function (e) {
                    var scrollTop = $(window).scrollTop();
                    if(scrollTop != 0){
                        $('#header').stop().animate({'opacity':'0'},400);
                    }
                }
            );
        });
    </script>

【问题讨论】：

hmmm，首先，IE8 在 1.3 中有很多不支持，你试过更新你的 jQuery 吗？

标签： jquery internet-explorer-8 fadeout

【解决方案1】：

实际上，由于您使用的是 jquery，它会在不透明的情况下处理跨浏览器问题，所以我认为您无需执行任何操作。

尝试使用：

$("yourid").css({ opacity: 0.0 }).animate( {opacity:0}, 400);

【讨论】：

【解决方案2】：

这是 jQuery 1.3.2 中的一个错误，您可以在此处获取更多详细信息 Jquery Bugs，尝试使用更新后的 jquery。

http://code.jquery.com/jquery-1.8.0.min.js

【讨论】：

我很高兴 :) 如果它可以帮助您将其标记为正确，那么它也可以帮助其他人。

【解决方案3】：

在文档准备好后尝试在顶部使用它：

因为您使用的是 jquery 1.3，所以使用此代码

$(function() {
    $('#header').css("opacity","0");
   // then all your code

【讨论】：