Question

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

IE is losing ClearType

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

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

虽然这是一个解决更严重问题的方法，但是有可能修复这种转变和“非清晰型”内容的闪现吗？

这不会给我带来太多麻烦，但它是我在jquery（superfish）中的主要网站菜单 - 那些过渡非常明显......

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

Answer 1

当内容上的发生时，无法修复明确的 。这只是IE团队关于如何实现其不透明度过滤器（Direct X，它在IE中实现的方式不支持ClearType）的一个（IMO）错误决定。

另一个效果很好的选项是淡化某些 else ，就像淡出的<div>一样淡出，而不是淡出文字的内容......但是你说你用的是菜单，所以这里不适用。

Answer 2

我为互联网浏览器淡出问题阅读了各种潜在的解决方案，但似乎没有任何效果。

最终我决定使用绝对定位的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

好的解决方案尼克！

各种脚本都实现了修复（如cycle），但目前我发现在动画中修复像素化文本的最佳选择正是尼克推荐的：覆盖DIV而不是淡化文本本身。 / p>

抱歉，我无法帮助蓝宝石，但感谢您的阅读！

jQuery fadeIn / fadeOut IE cleartype故障如何修复转换

3 个答案: