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

Question

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

IE 正在失去 ClearType

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

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

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

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

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

Answer 1

有没有办法来解决的ClearType会难看的，而的淡入淡出发生的上的内容的。这仅仅是一个（IMO）错误的决定，IE团队如何实现他们的不透明度滤波器（直接X，其方式是在IE中实现不支持ClearType的）制成。

这工作得很好，唯一的其他选择是褪色的东西的其他的，就像在上面<div>变淡的，而不是衰落与文本内容了......但你说你的用途是一个菜单，这样，才不会真正适用在这里。

Answer 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);

我因这个问题而烦恼，所以希望这可以帮助别人。

Answer 3

好溶液尼克！

的各种脚本执行修复（如周期），但目前最好的选择，我发现对于动画期间固定所述像素化的文本正是缺口建议：叠加一个DIV而不是衰落文本本身

抱歉，我不能更多的帮助蓝宝石的，但感谢您的阅读！