CSS:IE中的灰度(百分比)

时间:2012-09-03 11:25:26

标签: css internet-explorer webkit grayscale

是否有一种css方法可以用正确的百分比来调整div? 我可以在支持webkit的非IE浏览器中执行此操作:

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

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

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

我可以找到一种方法(可能是非svg方式),我可以用百分比灰度图像吗?

2 个答案:

答案 0 :(得分:2)

点击此链接desaturate

浏览器兼容性:

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

答案 1 :(得分:1)

@ A.K的建议看起来不错,虽然我无法立即看到如何做部分灰度......

对于仅支持CSS的解决方案 - 您可以通过制作任何想要灰度的部分透明并在其后面添加背景颜色来实现类似的效果,如下所示: http://jsfiddle.net/R23LG/

显然,你想要使用透明度设置等,以达到你想要的效果。