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

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

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

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

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

使用css3的filter滤镜属性,可以个图片添加滤镜达到灰色的效果
使用可以参考: CSS3 filter(滤镜) 属性 | 菜鸟教程 CSS3 filter(滤镜) 属性 实例 修改所有图片的颜色为黑白 (100% 灰度): img {    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */    filter: grayscale(100%);} 尝试一下.. https://www.runoob.com/cssref/css3-pr-filter.html