Question

我需要提取RGBA值的alpha透明值，以检查背景色是否透明。我该如何使用jQuery？

Answer 1

您可以获取颜色样式属性，将其用RGBA声明中的逗号分隔，然后parseFloat以获取alpha通道的数值。

如果没有列出Alpha通道（即仅rgb值），我添加了一条检查消息的控制台检查。

var bgCol = $('div').css('backgroundColor');
console.log('Background color is ' + bgCol);

var alpha = parseFloat(bgCol.split(',')[3]);

isNaN(alpha)
  ? console.log('no alpha channel')
  : console.log('alpha channel value is ' + alpha); // gives alpha channel value is 0.1

div {
  background-color: rgba(0,0,0, 0.1);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
 <p>This is a test </p>
</div>

如何从jQuery中的RGBA背景色中提取alpha透明值？

1 个答案: