Question

我已经尝试了下一个代码，但即使在IE10中它也不起作用：

＆＃13;

img#lena-desaturate{
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(#greyscale);
  filter: gray;
}

＆＃13;

或示例here。

Answer 1

您可以在普通的CSS中使用某些浏览器和某些版本的效果，但是有几个来源建议添加SVG选项会增加浏览器支持。

See this example.

还有一个单独的IE修复程序承诺在版本6 - 9中运行，适用于CSS但仍然指的是使用SVG ：

public Tiger() 
{
  NumberOfLegs = 4;
}

Answer 2

自版本6以来，Internet Explorer本身支持灰度过滤器，但最近微软决定删除此原生CSS过滤器，从版本10开始，IE不会使用旧技术显示灰度图像。

但是有一个跨浏览器的灰度图像解决方案

阅读本文 - http://www.majas-lapu-izstrade.lv/cross-browser-grayscale-image-example-using-css3-js/

是否可以将IE8中的图像过滤为黑白？

2 个答案: