2012-09-03 34 views
4

是否有一种CSS方式来以适当的百分比对灰度进行灰度化? 我可以在非IE浏览器与WebKit的支持做到这一点:CSS:IE中的灰度(含百分比)

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

但在IE中我只能用这样的布尔函数:

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

我能找到出路(可能是不是 - svg的方式),我可以用一个百分比灰度图像?

回答

2

检查此链接desaturate

浏览器兼容性:

的Internet Explorer 5.5+,歌剧9.5+,火狐2+,WebKit每日

+0

我相信pixastic库只适用于实际的IMG。看起来OP的问题想要淡化整个DIV。 –

0

@ AK的建议看起来不错,但我不能立即看到如何做部分灰度...

对于只有CSS的解决方案 - 你可以通过做任何你想要灰度部分透明和背后的背景颜色,如下所示: http://jsfiddle.net/R23LG/

显然你想玩弄透明度设置等来获得它你想要它。