gpt4 book ai didi

jquery - 固定位置 div 不会淡出

转载 作者:可可西里 更新时间:2023-11-01 13:36:59 26 4
gpt4 key购买 nike

我在 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;
}

谢谢

最佳答案

演示没有为 fixed 使用足够的 css。将 position:relative 应用于 parent 并提供 top &left 并且它工作正常

#about{position:relative}

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

演示:http://jsfiddle.net/2ZGfL/1/

关于jquery - 固定位置 div 不会淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14085257/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com