Question

当我们在Html中使用RGBA时，我们会像这样使用。

<div style="Background: rgba (x, x, x, 0.dd)">Some Content</div>

您可以在dd （不透明度）中输入多少位数。它依赖于浏览器吗？或者是HTML标准中规定的限制？

Answer 1

specification表示它是<number> defined as：

零个或多个数字后跟一个点（。）后跟一个或多个数字

因此CSS规范中没有指定限制。

如果任何人眼可以区分超过两位小数，我会感到惊讶。

Answer 2

该值可以是介于0.0和1.0之间的任何数字。

分辨率取决于通常为8位的色彩空间分辨率（未来可能提供更高的分辨率，如10位和12位，但我怀疑这种情况会很快发生，但是这就是使用分数而不是字节值的原因。）

该值与字节值相乘，因此它限制了您要使用的数字，最终值将四舍五入为最接近的整数值：

Internal byte value = round(alpha * 255);

（或1 / 256 = 0.00390625的增量）

为您提供最终字节值和视觉外观的实际更改（假设背景为实色）。

我在这里制作了一个小脚本，它通过在分数值中使用不同数量的小数来提供结果 - 正如您所看到的，当您处于3位小数时，值开始相似，因此不那么有用。

Tables

生成表的循环通常如下所示：

for (; i < 1; i += 0.1) {
    num = Math.round(i * 255, 10);
    ...
}

Answer 3

opacity属性的值设置为两位小数。

所有当前浏览器都认识到这一点，IE8及以下版本的上下文略有不同。