在淡化一些没有背景颜色或图像的文本时，使用 jquery fadeOut、fadeIn 和 fadeToggle 存在一个已知问题。 （文本在过渡期间发生绿色抗锯齿）
以此为例。 jQuery cycle: fading white text becomes "green" in Windows/Firefox/Cleartype Enabled
我最近发现使用 css 3 text-shadow 也会发生这种情况，不幸的是你不能在文本阴影上设置背景颜色，有没有人有任何解决方案或解决方法？
这是错误/问题的示例
http://jsfiddle.net/blowsie/2UMJ4/
更新：
我找到了一种解决方法，可以在下面的答案中找到，任何其他解决方案或解决方法，仍然很高兴知道。
【问题讨论】：
我刚刚找到了一种可以在某些情况下使用的解决方法..
http://jsfiddle.net/blowsie/2UMJ4/8/
通过使用 rgba 不透明度，您可以重新创建某些颜色并让文本阴影褪色，而不会出现抗锯齿问题。
text-shadow:50px 50px rgba(0,0,0,0.2);
【讨论】：
rgba(208, 208, 208, 0.99)。我尝试了更低的不透明度 (0.999)，但这似乎被四舍五入到 1，因为它不再起作用了。
这似乎不是 jQuery 的问题，而是 Chrome/Webkit 中的一个 bug，因为当你直接给元素 opacity 时也会发生这种情况。
除了报告它并在它修复之前避免它，我想不出你能做多少。
【讨论】：
就像 RoToRa 在评论中所说，您可以使用 rgba 将颜色属性的不透明度降低到 0.99。如果您不想更改所有颜色属性，这里有一个快速解决方法。很适合我
$('*').css('color', function(index, value) {
return value.replace('rgb', 'rgba').replace(')', ', 0.99)');
});
编辑：请确保仅在需要它的浏览器（我相信只有 Chrome）上使用此修复程序，因为旧版浏览器不支持 rgba。
【讨论】：
这段代码会将元素淡出到不可见，然后再淡入。
$('#button').click(function() {
$('h1').css({'text-shadow':'none'}).fadeToggle('slow')
});
【讨论】：