为何这段CSS代码中的rgba背景值被判定为无效？

别着急，我来帮你搞清楚这个问题——你写的rgba(0.95, 0, 0, 0.05)被判定无效，核心原因是CSS颜色规范版本的兼容性问题：

• 在旧版的CSS Color Level 3规范里，rgba()函数的前三个颜色通道（红、绿、蓝）只接受两种取值类型：

  • 0到255之间的整数（比如242，这是0.95×255的近似值）
  • 0%到100%之间的百分比（比如95%）
    它并不支持直接用0到1之间的小数来表示颜色强度。

• 你这里用了0.95作为红色通道的小数取值，这是CSS Color Level 4才新增的语法。如果你的验证器还在遵循旧版规范，自然会判定这个值无效。

解决方法很简单，把小数转换成符合旧规范的格式就行：

• 转整数：rgba(242, 0, 0, 0.05)
• 转百分比：rgba(95%, 0%, 0%, 0.05)

这样修改后，验证器就会认可这个背景值啦。

内容的提问来源于stack exchange，提问作者Emilio