更改具有透明背景的png的純色，可以嗎？

Question

我只有一點png，它通過使用背景重復用作“網格”，網格的圖像格式將類似於| _，然后重復自身以覆蓋整個身體。

現在的事情是，是否有可能通過使用CSS3更改其顏色？ 不是圖像的背景而是線條。

看到CSS3中有一個“過濾器”屬性，但是我不知道使用哪個屬性，或者這是否是最好的方法。

基本上，網格的顏色將基於RGB或Hex格式的顏色選擇器。 如果有任何方法可以添加我想要的顏色？

提前致謝。

Answer 1

您可以在CSS中使用色相旋轉過濾器。 並非在所有瀏覽器中都適用，但在某些瀏覽器中：

filter: hue-rotate(180deg)

http://caniuse.com/#feat=css-filters

Answer 2

或者，您可以在背景圖像中添加不透明度，並將相同id / class中的背景顏色更改為所需的顏色。 它不會改變線條的顏色，但會給這些線條帶來特定顏色的錯覺。