将CSS颜色转换为图像透明度？

Question

几周前，我记得在网上看到过一篇关于通过应用颜色掩码并使它们透明来替换图像的颜色区域的页面。例如，给定一个白色背景上的标志图像，能够通过应用一些新的CSS属性将白色变为透明。我找不到任何相关信息，也许只是一个人提出了CSS3的新功能或供应商特定的属性。我在这里发表这个问题，以防有人知道我在说什么并能给予一些指导。

- hchinchilla

Answer 1

非常抱歉一开始误读了您的问题。

您可以尝试将图像加载到HTML5画布中，循环遍历图像并根据正确的rg&b组合将alpha通道更改为0或255。以下是一些帮助您入门的内容：http://dev.opera.com/articles/view/html-5-canvas-the-basics/

- jous

---

是的，但我不想使用画布来完成它。这只是为了在浏览器支持的情况下拥有它会很酷，但如果我尝试实现它时没有透明背景也没关系。这只是为了好玩而已，谢谢。 - hchinchilla

Answer 2

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

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

为了让它起作用，我们必须在 CSS 文件中添加该类。它看起来像这样...

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

编辑1：

我找到了这个链接, 可以对您有所帮助。在那个页面上，教你如何向img标记添加图像遮罩。

- Galled

---

这不是我要找的。你提供的第二个链接与我的要求相似，但是基于颜色匹配而不是透明度。我的意思是，当你将一个全白蒙版应用到图像上时，图像上的白色区域将变为透明。 - hchinchilla

OP 问如何将颜色转换为透明，而不是如何使整个图像透明... - serhio