仅使用CSS更改PNG的颜色

Question

我有一个包含白色标识的PNG图像。是否可以仅使用CSS将标识的颜色从白色更改为红色？

Answer 1

解决方案1：

您可以将.png转换为.svg并按代码更改颜色。

解决方案2：

png，中间是您的徽标，透明，在容器上方，并更改容器的背景颜色。

Answer 2

不，CSS无法修改图像。

您可以做的是替换图像中您希望通过透明度（alpha = 0）进行修改的区域，并将图像放在彩色背景上，以便您可以使用CSS进行更改。

Answer 3

CSS filters，一旦他们有more browser support，就能够以某种方式更改图像的显示效果，但这是改变我在非常简短的滚动{{3}中看到的颜色的最佳镜头将是hue-rotate，我不相信可以将白色变成非白色。

Answer 4

这就是您使用CSS filters

的方法

    .white2red {
        filter: sepia(100%) saturate(100);
    }