Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否有其他方法可以实现类似的过滤效果:IE10+中的灰度?_Javascript_Jquery_Css_Grayscale - Fatal编程技术网

Javascript 是否有其他方法可以实现类似的过滤效果:IE10+中的灰度?

Javascript 是否有其他方法可以实现类似的过滤效果:IE10+中的灰度?,javascript,jquery,css,grayscale,Javascript,Jquery,Css,Grayscale,我正在使用 filter: grayscale(42%); 设置某些背景图像的灰度。这显然在IE10/11中不受支持,它们的旧的property过滤器也不受支持。我不能使用SVG,不幸的是,图像是通过CMS上传的,无法手动更改图像文件,因为用户将无法使用 因此,我想看看是否有任何方法可以实现类似于使用JS/JQuery或使用某种半透明覆盖的灰度过滤器的效果,这样我就可以在新版本的IE中使用它了 我发现了很多pollyfills,例如//但是它们似乎都使图像完全灰度化,不允许使用部分灰度,例如4

我正在使用

filter: grayscale(42%);
设置某些背景图像的灰度。这显然在IE10/11中不受支持,它们的旧的property过滤器也不受支持。我不能使用SVG,不幸的是,图像是通过CMS上传的,无法手动更改图像文件,因为用户将无法使用

因此,我想看看是否有任何方法可以实现类似于使用JS/JQuery或使用某种半透明覆盖的灰度过滤器的效果,这样我就可以在新版本的IE中使用它了

我发现了很多pollyfills,例如//但是它们似乎都使图像完全灰度化,不允许使用部分灰度,例如42%

如果有人能为我指出正确的方向,我将不胜感激

谢谢


Dave

如果你想寻找“部分”灰度,你想过使用不透明度的灰色伪元素吗?@jbutler483:是的,我试过,但它会给灰度过滤器带来不同的效果。不幸的是:这可能是IE中实现这一点的少数方法之一,尽管使用了图像,但它产生了一种不同的效果,令人遗憾的是,它看起来并不是一种替代/等效的效果:在你提到的网站上,链接到它的链接似乎达到了你想要的效果,底部的两幅图像具有部分灰度。