只有部分图像的灰度？

Question

在css中是否可以仅使图像的一部分灰度？
我试过使用过滤器无济于事,似乎无法想到任何方法来实现这一点.你有什么想法？

我想让这张图片仅在本页的黑暗部分显示为灰色.

Answer 1

我之前做过类似的事情......

1. 使用a div并将其设置background-image为图像.
2. 设置background-position并绝对定位它使它看起来是相同的图像.
3. 使用CSS设置灰度div.

jsFiddle.

对于你想要的确切事物,我可能会让它有一个黑色背景,opacity根据需要设置,顶部效果的顶部插入阴影.