Jquery chrome中的过滤器灰度带有:非选择器

Jquery chrome中的过滤器灰度带有:非选择器,jquery,google-chrome,css,svg-filters,Jquery,Google Chrome,Css,Svg Filters,我有那样的东西 $('body > :not(.extras)').addClass("desaturation_filtr"); 必须要把这个类应用到全身,而不需要额外的类 .desaturation_filtr { -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);

我有那样的东西

$('body > :not(.extras)').addClass("desaturation_filtr");
必须要把这个类应用到全身,而不需要额外的类

.desaturation_filtr
 {

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.desaturation\u过滤器
{
-webkit过滤器:灰度(100%);
滤镜:灰度(100%);
-moz滤波器:灰度(100%);
-ms过滤器:灰度(100%);
-o-过滤器:灰度(100%);
过滤器:url(“数据:图像/svg+xml;utf8,#灰度”);
}
但当它这样做的时候,网站是相当麻烦的,因为网页是像素化的,不可读

您可以通过单击右上角的条纹按钮来查看它

在Firefox中,一切都很好

试图使用

$('.extras').removeClass(“去饱和过滤器”)

但它不起作用。当然,在这行代码之前,我并没有从前面的代码片段中删除


我认为这是Chrome的bug:/但不知道如何修复它

这在Chrome 25/Windows中运行得很好