淡出菜单在IE8中不起作用

时间:2012-10-31 04:58:27

标签: jquery internet-explorer-8 fadeout

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

3 个答案:

答案 0 :(得分:0)

实际上,因为你正在使用jquery,它会在不透明的情况下处理跨浏览器问题,所以我认为你必须什么都不做。

尝试使用:

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

在doc ready之后尝试在顶部使用此功能:

因为您正在使用jquery 1.3使用此代码

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