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);

Answer 2

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

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

Answer 3

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

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

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

淡出菜单在IE8中不起作用

3 个答案: