如何更改此图像的背景？

Question

我尝试使用webfilters来更改此图像的白色背景：

Change color of PNG image via CSS?

不确定这是否是更改此图片的白背景的方法：

http://i.stack.imgur.com/AZRrE.png

是否可以通过css更改此内容？

Answer 1

您需要使用具有透明背景的png - 您使用的png具有白色背景。例如。

.red {background-color:red;}
.blue {background-color:blue;}
.green {background-color:green;}

<div class="red"><img src="http://i.imgur.com/UAdT2Jd.png" /></div>
<div class="blue"><img src="http://i.imgur.com/UAdT2Jd.png" /></div>
<div class="green"><img src="http://i.imgur.com/UAdT2Jd.png" /></div>

如果你搜索单选按钮png，你应该能找到一个比我用过的更好的一个（因为我有一些粗糙的边缘出现）

Answer 2

  

是否可以通过css更改此内容？

没有。如果图像具有一定的透明度，您可以更改其父元素的background-color（和/或background-image），如下所示：

<span class="thing"><img src="your-semi-transparent-image.png"></span>

在CSS中：

.thing {
  background-color: aqua; 
  /* This will show through the transparent region of the image */
}