僅使用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，就能改變圖像的顯示在某些方面，但對於改變，我在非常短的滾動通過MDN documentation看到的顏色最好的拍攝是hue-rotate，我不相信這可能會使白色變成非白色。