jQuery fadeIn 在 IE 中不起作用

发布于 2024-09-07 08:33:09 字数 533 浏览 9 评论 0原文

我正在使用 fadeIn 淡入我的 BG DIV。

示例: http://commonmovement.com/MIP/about-mip.html

这适用于除 IE 之外的所有浏览器,在 IE 中它只是“弹出”。 不知道如何解决这个问题。

我尝试使用:

$('#main.about_main').css('filter', 'alpha(opacity=0)'); $('#main.about_main').fadeIn(2000);

但运气不佳。

CSS:

#main { 高度:100%;宽度:100%;填充:0; }

#main.about_main {display: none;}

有人知道如何解决这个问题吗?

谢谢

I'm using fadeIn to fade in my BG DIV's.

example: http://commonmovement.com/MIP/about-mip.html

This works in all browsers except IE, where it just "pops" on.
Not sure how to fix this.

I tried using:

$('#main.about_main').css('filter', 'alpha(opacity=0)');
$('#main.about_main').fadeIn(2000);

but no luck.

CSS:

#main { height:100%; width:100%; padding:0; }

#main.about_main {display: none;}

Anyone know how to fix this?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

他夏了夏天 2024-09-14 08:33:09

请尝试以下操作:

$('#main').hide().fadeIn(2000);

Try the following:

$('#main').hide().fadeIn(2000);
随梦而飞# 2024-09-14 08:33:09
$('#main.about_main').css('filter', 'alpha(opacity=0)');

DIV 是透明的。那么怎样才能看到呢?

$('#main.about_main').css('filter', 'alpha(opacity=0)');

The DIV is transparent. Then how can it be seen?

我乃一代侩神 2024-09-14 08:33:09

第一行过滤器有必要吗?你试过没有吗?样式表中的 display:none 应该足够了。

Is that first line with the filter necessary? Have you tried it without? The display:none in the style sheet should be enough.

青春有你 2024-09-14 08:33:09

我猜你的问题不在于IE,而在于性能。

在我的 IE 8 中工作得很好,但过渡相当缓慢且丑陋。在 Chrome 上相当流畅

当您使用 IE 7 甚至 6 时,性能应该会变慢,因为大 DIV 动画对浏览器的要求更高。

你能在 IE 9 下测试一下吗?或者甚至在具有更好 CPU + RAM 的机器上的 IE 8 上?

I guess your problem is not with IE, it's performance.

In my IE 8 worked just fine, but a pretty slow and ugly transition. On Chrome was pretty fluid

As you go to IE 7 or even 6 the performance should slower, because big DIV animation demands more from the browser.

Can you test this under IE 9? Or even on IE 8 on a machine with better CPU + RAM?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文