Comment définir la couleur de transparence de l'image?

Question

J'ai des problèmes avec l'ajout d'une couleur différente à ma transparence. Auparavant, il y avait un remplissage noir sur le dessus de l'image, donc quand je passe mon image dessus, l'ombre s'allume. Cependant, quand j'ai essayé d'ajouter une couleur rgba rouge, la transparence reste la même couleur.

img { 
    opacity:0.4; 
    filter:alpha(opacity=40); /* For IE8 and earlier */ 
    color: rgba(255, 0, 0, 0.2); 
    } 

    img:hover { 
    opacity:1.0; 
    filter:alpha(opacity=100); /* For IE8 and earlier */ 
    color: rgba(255, 0, 0, 0.2); 
    } 

Answer 1

Vous devez changer votre propriété color à background-color.

CSS

img { 
opacity:0.4; 
filter:alpha(opacity=40); /* For IE8 and earlier */ 
background-color: rgba(255, 0, 0, 0.2); 
} 

img:hover { 
opacity:1.0; 
filter:alpha(opacity=100); /* For IE8 and earlier */ 
background-color: rgba(255, 0, 0, 0.2) !important; 
} 

JSFIDDLE