图像过滤器的亮度在Mozilla中不起作用

Question

我尝试在某些图像上使用一些亮度滤镜，当人们将鼠标悬停在它上面并且它在Chrome中运行良好但在mozilla中它看起来根本不起作用。

这是我使用的简单CSS：

.imgsrc:hover {
 -webkit-filter: brightness(120%);}

我已经尝试了一些支持mozilla-like -moz-filter的css，但是当我使用-moz-filter之类的时候，我的图像就会在悬停时消失。

Answer 1

在firefox中可以使用的语法是

filter: brightness(1.2);

所以在你的情况下，它将是

.imgsrc:hover {
    filter: brightness(1.2);
    -webkit-filter: brightness(120%);
}

<img class="imgsrc" src="http://i.stack.imgur.com/SBZoQ.png">