现代CSS中rgb()加透明度应使用空格分隔+斜杠语法，如rgb(255 0 0 / 0.4)，支持小数或百分比alpha，主流浏览器均支持，但不兼容IE及旧WebView；逗号分隔属遗留语法，四参数逗号写法非法。
直接写 rgb(255 0 0 / 0.4) 就行，空格分隔、斜杠后跟 alpha，这是当前主流浏览器（Chrome/Firefox/Safari/Edge）的正式语法，无需 polyfill，但不兼容 IE 和旧 WebView。
rgb() 函数里为什么不能用逗号了
现代 CSS 颜色函数（包括 rgb()、hsl()、lab() 等）已将逗号标记为“遗留语法”。浏览器仍支持 rgb(255, 0, 0) 是为了向后兼容，但新写法强制要求空格分隔：
-
rgb(255, 0, 0)✅ 向前兼容，但属于旧式写法 -
rgb(255 0 0)✅ 推荐，更简洁、结构清晰 -
rgb(255, 0, 0, 0.4)❌ 解析失败 —— 四参数 + 逗号是非法组合 -
rgb(255 0 0 0.4)❌ 错误：没有/，第四个值不被识别为 alpha
斜杠 / 后的 alpha 怎么写才对
/ 是现代颜色函数中明确分隔“颜色值”和“透明度”的符号，不是可选装饰：
- alpha 支持小数（
0.4）、百分比（40%），两者等价 - 必须紧跟在最后一个颜色值后，中间**只能有空格，不能有逗号或换行**
-
rgb(255 0 0 / .4)✅ 可省略前导零 -
rgb(255 0 0/0.4)✅ 斜杠前后无空格也合法，但加空格更易读 -
rgb(255 0 0 / 0.4 0.2)❌ 多余参数，整条声明会被忽略
和 rgba() 的实际差异在哪
表面上 rgb(255 0 0 / 0.4) 和 rgba(255, 0, 0, 0.4) 效果一样，但底层行为不同：
立即学习“前端免费学习笔记（深入）”；
-
rgba()是独立函数名，仅支持 RGB + alpha；rgb()加/是原函数扩展，语义上仍是“RGB 颜色”，只是带了透明通道 - 所有现代颜色函数（
hsl()、lch()、oklab()等）都统一用/写法，便于维护和切换 - 使用 CSS 自定义属性时，
/写法更容易拼接：color: rgb(var(--r) var(--g) var(--b) / var(--a)); -
rgba()在部分老旧构建工具（如某些 PostCSS 版本）中可能被错误解析或剔除，而rgb(... / ...)更少被误伤
真正容易被忽略的是：你改用 / 写法后，如果团队里还有人混用逗号、漏写斜杠、或把百分比 alpha 写成小数却没加 % 符号（比如 / 50% 对，/ 50 错），整条样式会静默失效——浏览器不报错，也不渲染，只当它不存在。检查 devtools 的 computed 样式里 color 值是否为空，就是最直接的排查方式。
