jquery - クロムのフィルターグレースケールは：セレクターではなくバグがあります

Question

私はそのようなsthを持っています

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

しかし、それが行われるとき、ウェブページはピクセル化されて読めないので、ウェブサイトはかなりバグがあります

右上隅の縞模様のボタンをクリックすると、http：//www.industrukt.pl/desでライブで見ることができます。

Firefoxではすべてが良好です。

使用してみました

$（'。extras'）。removeClass（ "desaturation_filtr"）;

しかし、それは機能しません。もちろん、そのコード行の前に、前のスニペットからではなく削除しました

これはChromeのバグだと思います：/しかし、それを修正する方法がわかりません