jQuery fadeIn/fadeOut IE cleartype 故障如何修复过渡

发布于 2024-10-03 16:28:55 字数 535 浏览 0 评论 0原文

好吧，这是 IE 和 jQuery 的一个众所周知的错误：

IE 正在丢失 ClearType

我是什么询问：在应用“修复”之前，是否可以以某种方式消除丑陋的过渡效果。在 IE 中测试：

http://www.kevinleary.net/wp -samples/ie-fade-problems.php

虽然它是一个更糟糕问题的解决方案，但是否可以修复该过渡和“不清楚类型”内容的闪烁？

这不会给我带来太大麻烦，但它是我在 jquery (superfish) 中的主网站菜单 - 这些转换几乎是可见的......

编辑：只有一件事需要注意 - 这也会发生在你的浏览器上吗？也许是IE设置里的东西？

原文

分享到QQ

分享到微博

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

发布评论

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

长伴 2024-10-10 16:28:55

当内容发生淡入淡出时，无法修复 ClearType 变得丑陋的问题。这只是 IE 团队在如何实现不透明度过滤器（Direct X，它在 IE 中实现的方式不支持 ClearType）方面做出的一个（IMO）错误决定。

唯一有效的其他选项是淡出一些其他，例如顶部淡入的

，而不是淡出文本的内容。 .但是你说你的用途是菜单，所以这并不真正适用于这里。

回复收藏 0 原文

迟月 2024-10-10 16:28:55

我阅读了各种针对 Internet Explorer 淡入淡出问题的潜在解决方案，但似乎没有任何效果。

最终我决定使用绝对定位的 DIV 覆盖，如本线程中所述。然而，我有一个动态高度，所以我使用 jQuery 在淡入淡出之前更改 DIV 的高度。我的代码最终看起来像这样：

$("#fade-canvas").css('height',$("#wrapper").height()+'px').show();
     /* HIDE or SHOW wrapper child elements as needed */
$("#fade-canvas").css('height',$("#wrapper").height()+'px').fadeOut(600);

用这个问题拉扯我的头发，所以希望这可以帮助别人。

I read all sorts of potential solutions for the internet explorer fade problem, but nothing seemed to work.

Ultimately I decided to go with the absolutely positioned DIV overlay as described in this thread. I have a dynamic height, however, so I used jQuery to change the height of the DIV before the fade. My code ended up looking something like this:

$("#fade-canvas").css('height',$("#wrapper").height()+'px').show();
     /* HIDE or SHOW wrapper child elements as needed */
$("#fade-canvas").css('height',$("#wrapper").height()+'px').fadeOut(600);

Pulled my hair out with this problem, so hopefully this helps someone out.

回复收藏 0 原文