Как установить цвет прозрачности изображения?

Question

Наличие некоторых проблем с добавлением другого цвета к моей прозрачности. Раньше это было черное заполнение поверх изображения, поэтому, когда я наводил на него свой образ, тень открывалась. Однако, когда я пытался добавить к нему красный цвет rgba, прозрачность остается одного цвета.

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

Вы должны изменить 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