对于我目前的项目,我使用了filter -webkit-filter：brightness(-20％); – moz-filter：brightness(-20％);但有些人,为什么这个过滤器在firefox和opera中也不起作用(我也有Opera前缀).我找到了,如何使用它的方式,但我需要将亮度过滤器变成svg代码.任何想法我怎么能这样做？
我需要做的是一个小画廊,有黑暗的图像,并在没有使用2x图像的情况下悬停正常图像.
我需要做的是一个小画廊,有黑暗的图像,并在没有使用2x图像的情况下悬停正常图像.
解决方法
您想使用SVG过滤器.在每个通道中将图像按固定量变暗的滤镜示例如下：
@H_502_7@<filter id="darken">
<feComponentTransfer>
<feFuncR type="linear" intercept="-0.2" slope="1"/>
<feFuncG type="linear" intercept="-0.2" slope="1"/>
<feFuncB type="linear" intercept="-0.2" slope="1"/>
</feComponentTransfer>
</filter>
这会使每个颜色通道中的图像变暗20％. Full jsfiddle
