小编ncu*_*uda的帖子

在我的个人网站上工作时，我有一些图像，将鼠标悬停在上面时，我想要一个有点透明的深红色覆盖层。到目前为止，我使用webkit所能找到的就是改变照片的亮度，饱和度或色调。

我可能会补充说，这些功能仅在将它们指定给“ img”之类的标签时才起作用，而不适用于“ class”或“ id”。

任何帮助都会很棒。

这是我的代码：

html

<div>
<img src="images/amadea/book.jpg" alt="Amadea Bailey- Abstract Expressionist">
</div>

的CSS

img{
    display: block;
}

img:hover{
    -webkit-filter:  grayscale(100%) brightness(51%);
}