Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
图像的CSS颜色到alpha?_Css_Image_Html_Transparency - Fatal编程技术网

图像的CSS颜色到alpha?

图像的CSS颜色到alpha?,css,image,html,transparency,Css,Image,Html,Transparency,几周前,我记得在网络上看到过一个页面,上面说可以使用彩色遮罩替换图像的颜色区域并使其透明 例如,给定一个白色徽标的图像,可以通过应用一些新的css属性使白色透明 我找不到任何关于它的信息,可能只是一个人提出了CSS3的一些新功能或特定于供应商的属性 我把这个放在这里,以防万一有人知道我在说什么,并且可以解释一下。很抱歉先误读了你的问题 您可以始终尝试将图像加载到html5画布,循环浏览图像,并根据rg和b的正确组合将alpha通道更改为0或255。以下是一些让您开始的内容:我只找到了一种方法来添

几周前,我记得在网络上看到过一个页面,上面说可以使用彩色遮罩替换图像的颜色区域并使其透明

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

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


我把这个放在这里,以防万一有人知道我在说什么,并且可以解释一下。

很抱歉先误读了你的问题


您可以始终尝试将图像加载到html5画布,循环浏览图像,并根据rg和b的正确组合将alpha通道更改为0或255。以下是一些让您开始的内容:

我只找到了一种方法来添加不透明度级别:

EDIT1:


我觉得这对你有帮助。在该页面中,将教您如何将图像掩码添加到img标签。

是的,但我对使用canvas进行添加不感兴趣。如果浏览器支持的话,拥有它会很酷,但在我尝试实现的地方,没有透明的背景并没有什么大不了的。这比其他任何事情都更有趣。无论如何,谢谢。这不是我想要的。您提供的第二个链接与我的要求类似,但基于颜色匹配而不是alpha。我的意思是,当你在img上使用全白色遮罩时,img上的白色区域将变得透明。OP问aout如何将颜色转换为透明颜色,而不是如何使整个图像透明。。。
<img src="image.png" class="opacity30" />  
 .opacity30 { filter:alpha(opacity=30);
 -moz-opacity:0.3;
 -khtml-opacity: 0.3; opacity: 0.3; }