CSS3文字阴影和不透明错误 - [fadeout()/ fadeIn()在jquery]
问题描述:
有一个已知的问题,使用jQuery fadeOut,fadeIn和fadeToggle,当淡入淡出某些没有背景颜色或图像的文字。 (文本在转换期间发生绿色抗锯齿事件)CSS3文字阴影和不透明错误 - [fadeout()/ fadeIn()在jquery]
以此为例。 jQuery cycle: fading white text becomes "green" in Windows/Firefox/Cleartype Enabled
我最近发现,这种情况也发生在使用css 3文本阴影,不幸的是你不能在文本阴影上设置背景颜色,没有人有任何解决方案或解决方法吗?
这里是错误/问题的例子
http://jsfiddle.net/blowsie/2UMJ4/
更新:
我已经找到一个变通办法,可以在下面,任何我的回答被发现其他解决方案或解决方法,仍然很了解。
答
我刚找到一个变通可能在某些情况下可以使用..
http://jsfiddle.net/blowsie/2UMJ4/8/
使用RGBA透明度,你可以重新创建某些颜色,并有文字阴影衰落,而无需防引起问题。
text-shadow:50px 50px rgba(0,0,0,0.2);
答
此代码将淡出元素隐身,褪去它放回
$('#button').click(function() {
$('h1').css({'text-shadow':'none'}).fadeToggle('slow')
});
答
像RoToRa在评论说,你可以可以只降低使用rgba将颜色属性的不透明度设置为0.99。如果您不想更改所有颜色属性,可以快速解决此问题。对我的作品很大
$('*').css('color', function(index, value) {
return value.replace('rgb', 'rgba').replace(')', ', 0.99)');
});
编辑:请确保您使用此修复程序仅适用于在你需要它的浏览器(我相信只有铬)作为旧的浏览器不支持RGBA。
有趣的是,作为错误可以用另一种方式重现... [Demo](http://jsfiddle.net/dXJHL/)...我会认为这是浏览器错误? – vincicat 2011-03-01 17:18:31