CSS改变图像的颜色

Question

我有一些图标图像，只包含白色轮廓和透明背景。 如何使用CSS（过滤器等）以我选择的任何颜色显示这些图标？ 我尝试了一些CSS过滤器（色调旋转，亮度等）的组合，但成效有限......我猜我在色彩理论方面的知识非常有限。

谢谢！

Answer 1

将CSS属性background-color用于图像容器。这是一个演示。

$( "a" ).click(function() {
  $( "div" ).css( "background-color", "red" );
});

div {
  height: 256px;
  width: 256px;
  background-image: url("http://i.stack.imgur.com/1Vpc3.png");
  border: 1px solid black;
  background-color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="vclick" href="#">Click to change color</a>
<br/>
<br/>
<div>
</div>