更改具有透明背景的png的纯色，可以吗？答案

【问题标题】：Change a solid color of a png with transparent background, is it possible?更改具有透明背景的png的纯色，可以吗？
【发布时间】：2014-02-07 23:16:26
【问题描述】：

我只有一个小png，通过背景重复用作“网格”，网格的图像格式将是这样的|_然后重复自身以覆盖整个身体。

现在的问题是，是否有可能通过使用 CSS3 来改变它的颜色？不是图像的背景，而只是线条。

看到 CSS3 中有一个“过滤器”属性，但我不知道该使用哪个，或者它是否是最好的方法。

基本上，网格的颜色将基于 RGB 或 Hex 格式的颜色选择器。如果有任何方法可以添加任何我想要的颜色？

提前致谢。

【问题讨论】：

【解决方案1】：

您可以在 CSS 中使用色相旋转滤镜。它不适用于所有浏览器，但在某些浏览器中：

filter: hue-rotate(180deg)

【讨论】：

想象一下我有一个颜色选择器，我可以在其中选择我想要的任何颜色，十六进制或 rgb 格式:( 是否可以添加我想要的任何颜色？
@msqar 你为什么不在那个时候用 SVG 重新制作你的图像？
用 SVG 重新制作图像？ :O
是的，它只是一个网格，对吧？或者如果您需要经常更改它，请使用<canvas>。如果您必须使用不同颜色的图像，我想您甚至可以将其保留为 PNG，但使用索引调色板，并通过直接修改文件内容来更改调色板颜色。
我需要阅读有关 SVG 的内容，因为这就是我想要做的 :) 基本上我得到了一块带有透明背景的浅蓝色网格，然后我想更改网格颜色苍蝇，我会做一些研究，谢谢！

【解决方案2】：

或者，您可以为背景图像添加不透明度，并将同一 id/class 中的背景颜色更改为所需的颜色。它不会改变线条的颜色，但会在这些线条上产生特定颜色的错觉。

【讨论】：