CSS-webkit过滤器：灰度（0%）don'；我不能在IE 10和Safari中工作

我有一个CSS风格的问题-webkit过滤器：灰度（0%）和过滤器：无在IE 10和Safari中不起作用

例如，我有滑块图像，但图像上有一个灰度过滤器（我需要用于主页）

我实现了以下CSS代码：

.page-id-8 .slider-entry-image img{
    min-width:220px !important;
    width:220px !important;
    -webkit-filter: none!important;
    filter: url(""); /* Firefox 10+, Firefox on Android */
    filter: none!important; /* IE6-9 */
    -webkit-filter: grayscale(0%);
}

但IE 10和Safari中的滑块图像为灰色：

但我需要这样的观点：

---

我希望有人能帮助我。

对所有浏览器都使用此功能

-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */

---

这是一个使用HTML5和jquery的跨浏览器解决方案

---

仅供参考，IE不支持

-webkit

供应商前缀。它支持

-ms

供应商前缀。演示在IE浏览器上不起作用，它显示两个图像是相同的，你知道修复方法吗？我通过IE的开发者工具测试了IE9版本。这里是结果。我个人忽略了IE8和之前的版本。谢谢你的解决方案。它在IE10和IE11中正常工作。引用的URL不再有效。