jquery - 为什么 jQuery .css ('background-color' ) 为 'transparent' 返回 rgba(0,0,0,0) ？

Question

我这里有一个盒子 - http://jsfiddle.net/U68p3/2/ - 具有透明背景。当我使用 jQuery 的 .css('background-color') 读取背景时，它返回

               rgba(0, 0, 0, 0) 

如果我的代码正在寻找与“透明”的匹配，这不是很有帮助。

为什么 jQuery 这样做，有没有办法让它返回“透明”？

谢谢。

$(function() {
    var bkgnd = $('#box').css('background-color');
    console.log('background-color is ' + bkgnd);
});

Answer 1

它不是 jquery，颜色的计算值以 RGBa(红色、蓝色、绿色、Alpha - 不透明度)表示，而不是颜色名称(如红色、蓝色、橙色、透明等)或十六进制值。根据specs透明度表示为 rgb(0, 0, 0)。

if the value is translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgb(0,0,0).

因此，您可以添加一个特定的 css 规则来包含透明度，而不是寻找这个特定的值，并将该类添加到元素并使用 .hasClass 或 .is该类的检查元素是否透明。

似乎不同的浏览器以不同的方式表示它，IE、FF 将值作为 transparency 提供，因此无论如何最好不要依赖此值表示任何逻辑。