Question

是否可以仅使用CSS更改图像的颜色？

（我使用的是透明的背景式字形，我的主题需要不同的符号[不是背景]颜色）

Answer 1

你可以使用图像色调，但我不知道它是否会给你预期的效果：

基本上你在<figure>周围包裹一个<img/>元素并对其应用样式：

/*HTML*/
<figure class="tint">  
  <img src="icon.png" width="400" height="260">  
</figure> 

/*CSS*/
.tint {  
    position: relative;  
    float: left;  
    cursor: pointer;  
}  

.tint:before {  
    content: "";  
    display: block;  
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    background: rgba(0,255,255, 0.5);  
    -moz-transition: background .3s linear;  
    -webkit-transition: background .3s linear;  
    -ms-transition: background .3s linear;  
    -o-transition: background .3s linear;  
    transition: background .3s linear;  
}  

.tint:hover:before {  
    background: none;  
}

查看link以获取演示和完整代码示例。

在此website上，您还可以查看一些不同的方法。

Answer 2

没有。由于这些是图像图标，您无法更改其颜色。您可以尝试使用这些http://www.entypo.com/。由于这些是字体，因此可以轻松更改颜色。

用css改变图像的颜色？

2 个答案: