CSS -webkit-过滤器 : grayscale(0%) don't work in IE 10 and Safari

Question

我的 CSS Style -webkit-filter: grayscale(0%) 和 filter:none 在 IE 10 和 Safari 中不起作用。

例如，我有 slider 图像，但图像上有一个灰度滤镜(我的主页需要这个)

我实现了这个 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%);
}

但是 slider 图像在 IE 10 和 Safari 中是灰色的:

但我需要这个 View :

URL LINK

我希望有人能帮助我。

Answer 1

对所有浏览器使用它

-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 */

引用http://labs.voronianski.com/css3-grayscale/