CSS：在IE中使用灰度（百分比）

Question

有没有一种css的方法可以按正确百分比对div进行灰度处理？ 我可以在支持webkit的非IE浏览器中完成此操作：

-webkit-filter: grayscale(0.7); //e.g. 70%

但是在IE中，我只能使用类似这样的布尔函数：

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); //with '1' 

我可以找到一种方法（可能不是SVG方式），能够通过百分比对图像进行灰度化吗？

- molfab

Answer 1

请查看链接：去色

浏览器兼容性：

Internet Explorer 5.5+，Opera 9.5+，Firefox 2+，WebKit Nightly

- Ahsan Khurshid

---

我相信Pixastic库只能在实际的IMG上工作。看起来OP的问题想要使整个DIV变成无色。 - Tom Auger

Answer 2

@A.K的建议看起来不错，尽管我一开始没看出如何实现部分灰度...

对于仅使用CSS的解决方案-您可以通过使您想要部分灰度的内容部分透明并在其后面放置背景颜色来实现类似的效果，就像这样： http://jsfiddle.net/R23LG/

显然，您需要调整透明度设置等以使其符合您的要求。

- Robin Winslow