如何匹配RGB颜色与RGBA颜色

我有一个要求，我必须删除元素的背景，如果它与指定的颜色匹配。此要求仅适用于Chrome。但是，如果我使用下面的代码如何匹配RGB颜色与RGBA颜色

function unhighlight() { 
    $('*').each(function() { 
     if($(this).css("background-color") == "rgb(0,128,128)"){ 
      $(this).css("background-color",""); 
     } 
    }); 
}

但上面的代码在Chrome中不起作用，因为Chrome试图与RGBA（）匹配。
有没有任何解决方法，这.. ..？请帮助我...

来源

2012-02-27 Exception

在Chrome中适用于我。我选择改变body *因为我没有想捕捉的HTML和标题标签等。此外，还要确保你射击的功能时，该文件已准备就绪：

$(document).ready(function() { unhighlight(); }); 

function unhighlight() { 
    $('body *').each(function() { 
     if ($(this).css("background-color") == "rgb(255, 0, 0)"){ 
      $(this).css("background-color",""); 
     } 
    }); 
}

在这里看到：

来源

2012-02-27 11:15:59

一个小调查，看来不具有明确的背景颜色返回元素：

"rgba(0, 0, 0, 0)"

虽然有色项返回：

"rgb(171, 48, 76)"

来源

2012-02-27 11:17:09 cloakedninjas

这不是一个简单的任务，因为你需要考虑到其他可能的颜色格式代表相同的值，例如：

rgb(0,128,128) 
rgba(0, 128, 128, 1) 
#008080 //hey, why not, who said your color will be always defined in rgb? 
*#fc0 //different color to show alternative format, #ffcc00 == #fc0

而且，浏览器不以一致的方式行事。例如，即使在CSS中使用了十六进制值，Firefox和Chrome始终会返回rgb（）字符串，但IE会返回已定义的CSS值。

如果你想确保你的目标正确的颜色，你应该把它转换成一个共同的格式，然后进行比较。

function toHex(color) 
{ 
    var m = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/.exec(color); 
    return m ? '#' + (1 << 24 | m[1] << 16 | m[2] << 8 | m[3]).toString(16).substr(1) : color; 
} 

function unhighlight() { 
    $('div').each(function() { 
     if(toHex($(this).css("background-color")) == toHex("rgb(255,204,0)")){ 
      $(this).css("background-color",""); 
     } 
    }); 
}

注：我toHex功能不会做的唯一的事情是要考虑到3位十六进制颜色格式，所以你应该稍微修改它。

来源

2012-02-27 11:46:09 rochal

如何匹配RGB颜色与RGBA颜色

回答

相关问题