对于我目前的项目,我使用过滤器 -webkit-filter: brightness(-20%);-moz-filter: brightness(-20%); 但是为什么,这个过滤器在firefox和opera中也不起作用(我也有Opera前缀).我找到了,如何使用它的方式,但我需要将亮度过滤器转换为svg代码.任何想法我怎么能这样做?
我需要做的是一个小画廊,图像变暗,并且在不使用2x图像的情况下悬停正常图像.
我有这个 CSS。当您将鼠标悬停时,图像背景会变成白色不透明度,但我希望它变成深色不透明度。我尝试添加深色背景色,但没有。
.img-container .img-item a.image:hover img {
opacity: .2;
filter: alpha(opacity=50);
background-color: rgba(0, 0, 0, 0.5);
transition: all 1s;
-webkit-transition: all 1s;
}
Run Code Online (Sandbox Code Playgroud)