Question

我在Internet Explorer上遇到了jQuery淡出功能的问题。

正如您在FIDDLE上看到的那样，它不会在任何版本的Internet Explorer上淡出。

但我注意到只有在div有固定位置（position:fixed;）

时才会这样

有解决方法吗？

您可以使用此代码重现错误

   <head>
        <script type="text/javascript">
            $(function() {
                $('.goBack').click( function(){   
                    $('#about').fadeOut(1000, function ()
                    {
                        $('#backend').fadeOut("slow");
                    });
                });
            });
        </script>
    </head>
    <body>
        <div id="backend">
            <div id="about">
                <div class="leftPanel">
                    <h1>About</h1>
                    <div class="menu">
                        <ul>
                            <li>Menu1</li>
                            <li>Menu2</li>
                            <li>Menu3</li>
                            <li>Menu3</li>
                        </ul>
                    </div>
                    <div class="goBack">
                        <p>Go Back</p>
                    </div>
               </div>   
            </div>
        </div>
    </body>

使用此CSS

.leftPanel
{
    position:fixed;
    color:black;
}

谢谢

Answer 1

demo没有为fixed使用足够的css。将position:relative应用于父级并提供top＆amp; left并且工作正常

#about{position:relative}

.leftPanel
{
    position:fixed;
     top:0;left:0;
 }

DEMO：http://jsfiddle.net/2ZGfL/1/

Answer 2

尝试在身体标记之后或身体标记结束之前放置脚本标记。

<body> 
    ........
    ........
    <script>

     // JQuery Script

    </script>
 </body>

Answer 3

尝试使用setTimeout函数......就像这样......

setTimeout(function(){$("#about").fadeOut("fast");},2000);

它可能有用......

并尝试使用position：absolute或relative ...

Answer 4

无需更改您的CSS。这将有效：

$(function() {
$('.goBack').click( function(){   
  $(this).parent($('#backend')).fadeOut(1000);
});
});

固定位置div不淡出

4 个答案: