图像的CSS颜色到alpha？答案

【问题标题】：CSS color to alpha for images?图像的CSS颜色到alpha？
【发布时间】：2012-03-14 08:44:54
【问题描述】：

几周前，我记得在网络上看到一个页面，该页面谈到能够使用颜色蒙版替换图像的颜色区域并使其透明。

例如，给定一个白色的徽标图像，可以通过应用一些新的 css 属性将白色变为透明。

我找不到任何关于它的信息，也许这只是一个为 CSS3 或供应商特定属性提出一些新功能的人。

我把这个扔在这里，以防万一有人知道我在说什么，并能对此有所了解。

【问题讨论】：

【解决方案1】：

很抱歉首先误读了您的问题。

您始终可以尝试将图像加载到 html5 画布，循环显示图像并根据 rg&b 的正确组合将 alpha 通道更改为 0 或 255。这里有一些东西可以帮助您入门：http://dev.opera.com/articles/view/html-5-canvas-the-basics/

【讨论】：

是的，但我对使用画布做这件事不感兴趣。这是一个案例，如果浏览器支持它会很酷，但在我试图实现它的地方没有透明背景并不是什么大问题。这比其他任何事情都更有趣。无论如何，谢谢。

【解决方案2】：

我只找到了在这个web 中添加不透明度级别的方法：

<img src="image.png" class="opacity30" />

为此，我们必须将该类也添加到我们的 CSS 文件中。好像是这样的……

 .opacity30 { filter:alpha(opacity=30);
 -moz-opacity:0.3;
 -khtml-opacity: 0.3; opacity: 0.3; }

EDIT1：

我发现这个link 对你有帮助。在该页面中教你如何将图像蒙版添加到 img 标签。

【讨论】：

这不是我想要的。您提供的第二个链接与我所要求的类似，但基于颜色匹配而不是 alpha。我的意思是，当您对 img 应用全白蒙版时，img 上的白色区域将变得透明。
OP 询问如何将颜色转换为透明颜色，而不是如何使整个图像透明...