2010-05-11 4 views
1

En CSS, existe-t-il un moyen standard de colorier ou d'appliquer une teinte à une image en niveaux de gris?CSS - Colorisation en niveaux de gris Image

Je voudrais créer une image en niveaux de gris pour montrer le focus sur un élément, et permettre à la couleur du focus d'être configurable en colorisant l'image en niveaux de gris.

Merci

Répondre

5

Vous pouvez changer l'alpha et ont une couleur de fond solide derrière.

+0

Cela pourrait fonctionner, mais j'espérais utiliser un dégradé d'image. – Steve

+2

Voici un lien vers un gradient css cross-browser http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/ – used2could

0

Si vous utilisez un dégradé avec canal alpha, vous pouvez utiliser le positionnement absolu et le placer au-dessus de votre image. Si vous ne pouvez pas faire de dégradé avec un canal alpha, vous pouvez ajuster l'opacité de la superposition en utilisant CSS, mais l'effet n'est pas aussi bon. Je l'ai utilisé pour une zone de survol de la souris-sélection pour une carte et cela a très bien fonctionné.

Questions connexes