如何更改图像的背景颜色？

Question

我使用了名词项目中的图标。我需要更改背景颜色和颜色。（将背景颜色更改为“黑色”并将图像颜色更改为白色。是否有任何css。或者需要到photoshop 我有两种格式的图像.svg和.png

图标位置：http://thenounproject.com/term/meditation/29971/

编码如下：

<img src="/assets/new_home/images/short_desc_icon_yoga.png" height="25px;" width="25px">                    <hr/>

Answer 1

CSS3有一个新的过滤器属性，只能在webkit浏览器中使用

img {
     background: #FFF;
     -webkit-filter: invert(100%);  
}

翻转颜色。

Answer 2

最简单的方法是将img元素包装在另一个元素中，例如span：

<span class="imgWrap">
<img src="/assets/new_home/images/short_desc_icon_yoga.png" height="25px;" width="25px">
</span>

添加CSS：

.imgWrap {
display: inline-block;
border: 1px solid #000;
}

.imgWrap:hover {
background-color: #000;
}