div img {
    opacity: .8;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

css实现图片变灰度化

opacity：图片透明度

图片获得焦点之后变成RGB颜色

div:hover img {

opacity:1; 

-webkit-filter: grayscale(0%);

-moz-filter: grayscale(0%); 

-ms-filter: grayscale(0%); 

-o-filter: grayscale(0%); 

filter: grayscale(0%);

filter: gray; 

}