用 CSS 中的透明度替换指定颜色答案

【问题标题】：Replace Specified Color with Transparency in CSS用 CSS 中的透明度替换指定颜色
【发布时间】：2014-11-12 16:22:20
【问题描述】：

是否可以在 CSS 中用透明度替换指定的颜色？

我们有一张带有白色 (255,255,255) 部分的图像。我正在尝试使用 rgba 函数将白色部分转换为透明度，但它不起作用。

此图片位于另一张图片（蓝色背景）之上。白色显示通过。

.logo {
background: url("../images/MasterLogo_resized.png") no-repeat scroll center 
    top rgba(255, 255, 255, 0);
}

.logo {
background: url("../images/MasterLogo_resized.png") no-repeat scroll center 
     top rgba(255, 255, 255, 0.5);
}

【问题讨论】：

CSS 不能那样工作...
不，我不这么认为。您必须使用图形程序将 Alpha 通道映射到图像白色区域的透明度，然后将其保存为支持透明度的格式，例如 png。
您是否尝试在实际 PNG 中更改颜色的透明度？或者您是否尝试更改 png behind png 的颜色的透明度？
实际图像中的透明度。谢谢，看来 CSS 做不到。

标签： html css

【解决方案1】：

您不能使用 css 更改 PNG 的属性。

但是，如果您的 PNG 足够简单，可以转换为 SVG（使用图形程序），您可以使用 CSS 来处理透明度和颜色：
http://webdesign.tutsplus.com/articles/manipulating-svg-icons-with-simple-css--webdesign-15694

【讨论】：