首页 > 文章列表 > 为什么我的CSS rgba颜色代码rgba(16 18 27 / 40%)显示异常?

为什么我的CSS rgba颜色代码rgba(16 18 27 / 40%)显示异常?

278 2025-02-22

为什么我的CSS rgba颜色代码rgba(16 18 27 / 40%)显示异常?

浏览器对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值和透明度值,而不是斜杠。

来源:1740126663