在chrome中过滤灰度是错误的:不是选择器

时间:2013-02-20 02:55:45

标签: jquery google-chrome css3 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%);
    -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中一切都很好。

试图使用

  

$(”额外。)removeClass( “desaturation_filtr”);

但它不起作用。当然,在我删除之前的代码行之前

我认为这是Chrome错误:/但不知道如何修复

0 个答案:

没有答案