Niveaux de gris sur une partie seulement d'une image?

Question

Est-il possible dans css de ne faire qu'une partie d'une image en niveaux de gris?
J'ai essayé d'utiliser des filtres en vain, ne semble pas penser à un moyen d'accomplir cela. As tu des idées?

Je veux rendre cette image grisée uniquement dans la partie sombre de cette page.

Answer 1

Je l'ai fait quelque chose comme ça avant d'y parvenir ...

1. Utilisez un div et définir ses background-image à l'image.
2. Définissez background-position et positionnez-le de manière à ce qu'il apparaisse comme étant la même image. Utilisez CSS pour définir l'échelle de gris sur le div.

jsFiddle.

Pour la chose exacte que vous allez, je pourrais lui faire avoir un fond noir avec opacity définir comme requis, et une ombre en haut pour l'effet du haut.