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