2012-03-14 89 views
3

几个星期前,我记得在网页上看到一个页面,谈论如何使用颜色掩码替换图像的颜色区域并使它们透明。CSS颜色为alpha的图像?

例如,给出一个白色的图像,可以通过应用一些新的CSS属性变成白色透明。

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

为了防万一有人知道我在说什么,并且可以给它一些提示,我在此抛出它。

回答

1

不好意思误解你的问题。

您可以随时尝试将图像加载到html5画布,循环显示图像并根据rg & b的正确组合将alpha通道更改为0或255。这里的东西,让你开始:http://dev.opera.com/articles/view/html-5-canvas-the-basics/

+0

是的,但我不想使用画布做它。这是一种情况,如果浏览器支持它,它会很酷,但没有什么大不了的,我没有透明的背景,我试图实现这一点。这比其他任何事情都更有趣。 无论如何,谢谢。 – hchinchilla 2012-03-14 09:31:05

-1

我只找到一个方法来添加这个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标签。

+0

这不是我要找的。你提供的第二个链接与我所要求的类似,但基于颜色匹配而不是阿尔法。我的意思是,当你将全白色面具应用于img时,img上的白色区域将变得透明。 – hchinchilla 2012-03-15 07:22:11

+0

OP问及如何将颜色转换为透明颜色,而不是如何使整个图像透明。 – serhio 2014-06-05 13:19:28