浏览器对CSS rgba颜色代码的解析差异
在网页开发中,你可能会遇到 rgba(16 18 27 / 40%)
这样的CSS颜色代码,但它在不同浏览器或开发工具中显示效果不一致。这是因为 rgba()
函数的语法存在多种表示方式。
问题在于,rgba(16 18 27 / 40%)
并非所有浏览器都支持这种简写形式。它实际上是 rgba(16, 18, 27, 0.4)
的简化写法,其中:
16, 18, 27
分别代表红色、绿色和蓝色的数值 (0-255)。0.4
代表透明度 (0.0 完全透明,1.0 完全不透明)。为了确保颜色在所有浏览器中都能正确显示,建议使用标准的 rgba(16, 18, 27, 0.4)
格式。 使用逗号分隔RGB值和透明度值,而不是斜杠。