CSS3文字阴影和不透明错误 - [fadeout（）/ fadeIn（）在jquery]

Question

有一个已知的问题，使用jQuery fadeOut，fadeIn和fadeToggle，当淡入淡出某些没有背景颜色或图像的文字。 （文本在转换期间发生绿色抗锯齿事件）

以此为例。 jQuery cycle: fading white text becomes "green" in Windows/Firefox/Cleartype Enabled

我最近发现，这种情况也发生在使用css 3文本阴影，不幸的是你不能在文本阴影上设置背景颜色，没有人有任何解决方案或解决方法吗？

这里是错误/问题的例子

http://jsfiddle.net/blowsie/2UMJ4/

---

更新：

我已经找到一个变通办法，可以在下面，任何我的回答被发现其他解决方案或解决方法，仍然很了解。

Answer 1

我刚找到一个变通可能在某些情况下可以使用..

http://jsfiddle.net/blowsie/2UMJ4/8/

使用RGBA透明度，你可以重新创建某些颜色，并有文字阴影衰落，而无需防引起问题。

text-shadow:50px 50px rgba(0,0,0,0.2); 

Answer 2

这似乎不是一个jQuery的问题，但在Chrome/Webkit的错误，因为它也发生在你直接给元素opacity。

除了报告和避免它，直到它被修复，我想不出你能做什么。

Answer 3

此代码将淡出元素隐身，褪去它放回

$('#button').click(function() { 
    $('h1').css({'text-shadow':'none'}).fadeToggle('slow') 
}); 

看到这个：http://jsfiddle.net/2UMJ4/10/

Answer 4

像RoToRa在评论说，你可以可以只降低使用rgba将颜色属性的不透明度设置为0.99。如果您不想更改所有颜色属性，可以快速解决此问题。对我的作品很大

$('*').css('color', function(index, value) { 
    return value.replace('rgb', 'rgba').replace(')', ', 0.99)'); 
}); 

编辑：请确保您使用此修复程序仅适用于在你需要它的浏览器（我相信只有铬）作为旧的浏览器不支持RGBA。