只有圖像部分的灰度？

Question

是否有可能在CSS中僅使圖像灰度的一部分？
我曾嘗試使用過濾器無濟於事，似乎無法想出任何方式來完成此操作。你有什麼想法？

我想讓這個圖像只在這個頁面的黑暗部分變成灰色。

Answer 1

我做實現之前是這樣的......

1. 使用div並設置其background-image的形象。
2. 設置background-position並絕對放置它，使它看起來是相同的圖像。
3. 使用CSS設置div上的灰度。

jsFiddle。

對於確切的事情，你可能會讓它有一個黑色的背景，根據需要設置opacity，頂部效果的頂部插入陰影。