css - 您应该使用 rgba(0, 0, 0, 0) 还是 rgba(255, 255, 255, 0) 在 CSS 中实现透明度？

Question

你应该使用 rgba(0, 0, 0, 0) 还是 rgba(255, 255, 255, 0) 在 CSS 中实现透明度？

各自的优缺点是什么？

Answer 1

rgba() 函数的最后一个参数是“alpha”或“opacity”参数。如果将其设置为 0，则表示“完全透明”，前三个参数(red、green 和 blue channel )无关紧要，因为无论如何您都看不到颜色。

考虑到这一点，我会选择 rgba(0, 0, 0, 0) 因为:

1. 打字少了，
2. 它从你的 CSS 文件中保留了一些额外的字节，并且
3. 如果 alpha 值发生变化，您会发现一个明显的问题。

您可以完全避免使用rgba 模型，而是使用transparent 关键字，根据w3.org , 等同于“透明黑色”并且应该计算为 rgba(0, 0, 0, 0)。例如:

h1 {
    background-color: transparent;
}

这又为您节省了几个字节，而您使用透明度的意图很明显(以防有人不熟悉 RGBA)。

从 CSS3 开始，您可以对任何接受颜色的 CSS 属性使用 transparent 关键字。