jquery - 淡出菜单在 IE8 中不起作用

Question

我在我的网站中使用了这个脚本。但在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>                                 

Answer 1

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

尝试使用:

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