图像的CSS颜色为alpha?

时间:2012-03-14 08:44:54

标签: html css image html5 transparency

几个星期前,我记得曾在网上看到一个页面,上面谈到能够用彩色面具替换图像的颜色区域并使它们透明。

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

我找不到任何关于它的信息,也许只是一个人为CSS3或供应商特定的财产提出了一些新的能力。

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:-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标签。