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

【问题标题】：jQuery fadeIn/fadeOut IE cleartype glitch how to fix transitionjQuery fadeIn/fadeOut IE cleartype 故障如何修复过渡
【发布时间】：2011-05-14 02:17:44
【问题描述】：

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

IE is losing ClearType

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

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

虽然这是一个更严重问题的解决方案，但是否有可能修复这种过渡和“不明类型”内容的闪现？

它不会给我带来太多麻烦，但它适用于我在 jquery（超级鱼）中的主网站菜单 - 这些转换非常明显......

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

【问题讨论】：

我在 IE9 Beta 中尝试过，它只是淡入，然后突然消失。

标签： jquery internet-explorer superfish cleartype

【解决方案1】：

没有办法修复 cleartype 变得丑陋而淡化发生在该内容上。这只是 IE 团队就如何实现其不透明度过滤器（Direct X，它在 IE 中实现的方式不支持 ClearType）做出的（IMO）错误决定。

另一个效果很好的选项是淡化某些东西else，例如淡入淡出的顶部的<div>，而不是文本淡出的内容......但你说你的use 用于菜单，所以这里并不适用。

【讨论】：

【解决方案2】：

我阅读了有关 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);

为这个问题拉了我的头发，所以希望这可以帮助某人。

【讨论】：

【解决方案3】：

很好的解决方案尼克！

各种脚本已经实现了修复（如cycle），但目前我发现在动画期间修复像素化文本的最佳选择正是 nick 推荐的：覆盖 DIV 而不是淡化文本本身。

抱歉，我无法为蓝宝石提供更多帮助，但感谢您的阅读！

【讨论】：