CSS - 着色灰度图像

Question

在CSS中，是否有一种标准的方法来着色或应用色调到灰度图像？

我想创建的灰度图像显示焦点在一个元素上，并且允许聚焦的颜色是由着色的灰度图像进行配置。

感谢

Answer 1

你可以改变的α和有它背后坚实的背景颜色。

Answer 2

如果在alpha通道中使用渐变，可以使用绝对定位并将其放在图像的顶部。如果你不能使用Alpha通道制作渐变，那么你可以使用CSS调整叠加层的不透明度，但效果不是很好。

我用它作为鼠标悬停区域选择的地图，它工作得很好。