css - 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 方法），我可以用百分比对图像进行灰度化吗？

Answer 1

检查此链接去饱和

浏览器兼容性：

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

Answer 2

@AK 的建议看起来不错，虽然我无法立即看到如何进行部分灰度...

对于纯 CSS 解决方案 - 您可以通过使任何您想要的灰度部分透明并在其后面放置背景颜色来实现类似的效果，如下所示：http: //jsfiddle.net/R23LG/

显然，您希望使用透明度设置等来获得您想要的效果。