CSS3文本阴影和不透明度错误-[Jquery中的fadeOut()/fadeIn()]

CSS3文本阴影和不透明度错误-[Jquery中的fadeOut()/fadeIn()],jquery,fade,css,Jquery,Fade,Css,当淡出一些没有背景色或图像的文本时,使用jquery淡出、淡出和淡出切换存在一个已知问题。文本在传输过程中进行绿色抗锯齿处理 以此为例。 我最近发现,这种情况也发生在使用css 3文本阴影时,不幸的是,你不能在文本阴影上设置背景色,有人对此有任何解决方案或解决方法吗 下面是一个错误/问题的示例 更新: 我已经找到了一个可以在下面的答案中找到的解决方法,任何其他的解决方案或解决方法,都很想知道。jQuery似乎没有问题,但是Chrome/Webkit中有一个bug,因为当你直接给元素不透明性时,

当淡出一些没有背景色或图像的文本时,使用jquery淡出、淡出和淡出切换存在一个已知问题。文本在传输过程中进行绿色抗锯齿处理

以此为例。

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

下面是一个错误/问题的示例

更新:


我已经找到了一个可以在下面的答案中找到的解决方法,任何其他的解决方案或解决方法,都很想知道。

jQuery似乎没有问题,但是Chrome/Webkit中有一个bug,因为当你直接给元素不透明性时,它也会发生


除了报告它并在修复之前避免它,我想不出你能做什么。

jQuery似乎没有问题,但是Chrome/Webkit中有一个bug,因为当你直接给元素不透明性时,它也会发生


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

我刚刚找到了一个可以在某些场景中使用的解决方法

通过使用rgba不透明度,您可以重新创建某些颜色,并使文本阴影褪色,而不会出现抗锯齿问题

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

我刚刚找到了一个可以在某些场景中使用的工作

通过使用rgba不透明度,您可以重新创建某些颜色,并使文本阴影褪色,而不会出现抗锯齿问题

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

此代码将淡出元素,使其不可见,然后将其淡入

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

请参见:

此代码将淡出元素,使其不可见,然后将其淡入

$('#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)');
});

编辑:确保您只在需要的浏览器中使用此修复程序,我相信这只是Chrome,因为旧浏览器不支持rgba。

正如RoToRa在评论中所说,您可以使用rgba将颜色属性的不透明度降低到0.99。如果您不想更改所有颜色属性,这里有一个快速修复方法。对我来说很有用

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


编辑:请确保您只在需要的浏览器中使用此修复程序,我相信这只是Chrome,因为较旧的浏览器不支持rgba。

此错误也可以在mozilla中找到,我希望有人知道一个有趣的解决方法。不过,在我的FF 3.6.3中,它似乎工作得很好。这个bug也可以在mozilla中找到,我希望有人知道一个有趣的解决方法。不过,在我的FF 3.6.3中,它似乎工作得很好。只给颜色一点不透明度也可以工作,并且可能可以在任何地方使用而不会出现问题:rgba208、208、208、0.99。我尝试了更低的不透明度0.999,但它似乎被舍入回1,因为它不再工作。浏览器和机器之间显然存在一些一致性,因为rgba值对您有效,对我无效,w7 64位firefox 3.6只提供一点不透明度的颜色也可以使用,并且可能在任何地方都可以使用,没有问题:rgba208、208、208、0.99。我尝试了更低的不透明度0.999,但它似乎被舍入回1,因为它不再工作。这里的浏览器和机器之间显然存在一些一致性,因为rgba值适用于你,不适用于我,w7 64位firefox 3.6有趣,由于bug可以以另一种方式进行复制……我会把这当成浏览器bug吗?有趣的是,由于bug可以以另一种方式进行复制……我会把这看作浏览器错误吗?我想淡化文本阴影。不要删除它,然后淡出元素,谢谢,但我想你对淡出和删除之间的区别有点困惑。它们实际上是一样的。当你淡出某样东西时,它就会被移除。在这里,我们将阴影设置为“无”。我们可以根据需要给它赋回一个值。这不是你需要的吗。这正是你的例子所展示的。我想淡化阴影,而不是移除阴影。如果我只是想删除它,我就不会开始问这个问题,谢谢你,不管怎样,我想淡化文本阴影。不要删除它,然后淡出元素,谢谢,但我想你对淡出和删除之间的区别有点困惑。它们实际上是一样的。当你淡出某样东西时,它就会被移除。在这里,我们将阴影设置为“无”。我们可以根据需要给它赋回一个值。这不是你需要的吗。这正是你的例子所展示的。我想淡化阴影,而不是移除阴影。如果我只是想删除它,我就不会开始问这个问题,无论如何,这似乎是一个非常糟糕的主意,因为您正在将所有颜色替换为rgba,而不是所有眉毛
SER支持rgba——尤其是ie的大多数版本。我对它进行了编辑,指定只在某些浏览器上使用它;这似乎是一个非常糟糕的主意,因为您正在将所有颜色替换为rgba,并不是所有浏览器都支持rgba-尤其是ie的大多数版本。我对它进行了编辑,指定只在某些浏览器上使用它;