css中要让图片变色怎么办呢?

css中要让图片变色怎么办呢?

问题描述:

css中怎么才能让鼠标移入图片的时候,图片变灰呢????用字体中的伪类:hover的时候,只有图片外边的一圈边框会变啊!!!!

img:hover {
filter: grayscale(100%);
}

一般解决方法:放个等大隐藏的灰色图片,事件检测鼠标移动上去隐藏原图,显示新图.

想要直接该遍图片不显示。可以弄个遮罩