Html 图像前阴影和悬停时取消阴影

您好，我得到了这张图片，我试图使其变暗，当我悬停它，我希望它是正常的不透明再次。这就是我取得的成绩：

.man{
位置：相对位置；
宽度：200px；
高度：200px；
}
文英明先生{
宽度：100%；
}
男：之后{
内容：'这里有一些文字'；
颜色：#fff；
位置：绝对位置；
宽度：100%；高度：100%；
顶部：0；左侧：0；
背景：rgba（0,0,0,0.6）；
不透明度：0；
过渡：均为0.5s；
-webkit过渡：所有0.5s；
z指数：1；
}
男子：悬停：之后{
不透明度：1；
}

---

有两种方法，检查答案，首先，如果您想保留所有样式，只想将其还原，然后反转不透明度“悬停时使用”和“无悬停时使用”，第二，如果您只想使用图像变暗，则使用

 img {
    filter: grayscale(100%);
 }

.man{
位置：相对位置；
宽度：200px；
高度：200px；
}
文英明先生{
宽度：100%；
}
男：之后{
内容：'这里有一些文字'；
颜色：#fff；
位置：绝对位置；
宽度：100%；高度：100%；
顶部：0；左侧：0；
背景：rgba（0,0,0,0.6）；
不透明度：1；
过渡：均为0.5s；
-webkit过渡：所有0.5s；
z指数：1；
}
男子：悬停：之后{
不透明度：0；
}

这个怎么样？

.man{
位置：相对位置；
宽度：200px；
高度：200px；
}
文英明先生{
宽度：100%；
}
男：之后{
内容：'这里有一些文字'；
颜色：#fff；
位置：绝对位置；
宽度：100%；高度：100%；
顶部：0；左侧：0；
背景：rgba（0,0,0,0.6）；
不透明度：1；
过渡：均为0.5s；
-webkit过渡：所有0.5s；
z指数：1；
}
男子：悬停：之后{
不透明度：0；
}

是的，如果这对您有帮助，请不要忘记标记为正确答案谢谢您的回答，第一个答案是正确的：）