rrggbbaa在旧版chrome（chrome≤79）中不支持，需回退至rgba()；现代chrome（≥80）及firefox/edge/safari 16+已全面支持该语法。
#RRGGBBAA 在旧版 Chrome（Chrome Chrome 64 及更早版本不支持 #RRGGBBAA，必须显式 fallback
Chrome 65 是首个稳定支持 #RRGGBBAA 的版本（2018 年 3 月发布）。如果你的项目仍需兼容 Chrome 64 或更早（比如某些企业内网锁定旧版 Chromium 的终端），#ff6b3580 这类写法会静默失效，且控制台零提示。
- 不能只写
color: #ff6b3580;—— Chrome 64 会当它不存在，取继承值或初始值（如黑色） - 必须前置一个 Chrome 64 能解析的值：
color: #ff6b35;或color: rgba(255, 107, 53, 0.5); - 顺序不能反：fallback 必须在前，
#RRGGBBAA写在后面；否则旧引擎跳过全部，新引擎用错行 - 别指望
@supports (color: #ff6b3580)检测——Chrome 64 不支持该语法，CSS.supports()返回false，但你无法区分是语法不支持还是拼写错误
rgba() 是最稳的 fallback 方案，但要注意参数格式
rgba() 在 Chrome 4+ 就已支持，比 #RRGGBBAA 兼容范围宽得多。但它也有陷阱：
- 必须用整数 + 无空格写法：
rgba(255,107,53,0.5)✅，rgba(255, 107, 53, 0.5)❌（Chrome 6–12 对逗号后空格敏感） - 不能用百分比：
rgba(100%,42%,21%,0.5)在 Chrome 13 之前不支持 - alpha 值必须是 0–1 的小数，不是百分比；
0.5≠50%，后者非法 - 如果设计稿给的是
#3a86ff+ 60% 透明，别手动算rgba(58,134,255,0.6)—— 直接用工具转成#3a86ff99，再 fallback 为rgba(58,134,255,0.6)，二者数值严格对齐
CSS 变量里写 #RRGGBBAA 更危险，错一位就全挂
在 :root 里定义 --primary: #ff6b3580; 看似没问题，但一旦变量名拼错、少一位、加了引号或空格，Chrome 64 和所有旧浏览器都会把整个 var(--primary) 当字符串处理，color 属性直接取默认值（常是黑色）。
-
--primary: "#ff6b3580";→ 带引号 = 字符串字面量，color: var(--primary)不生效 -
--primary: #ff6b358;→ 少一位 = 非法十六进制，变量值为空，var(--primary, #000)才能兜底 -
--primary: #ff6b3580;正确，但后续使用必须是color: var(--primary);，不能套函数如color: rgb(var(--primary)); - 真正安全的做法：变量只存六位色值，透明度由单独变量控制，例如
--primary-rgb: "58,134,255"; --primary-alpha: 0.6;，然后组合rgba(var(--primary-rgb), var(--primary-alpha))
验证是否生效，别信眼见为实
即使页面看起来“颜色对了”，也不能说明 #RRGGBBAA 被正确解析。旧浏览器 fallback 后可能凑巧视觉接近，但 alpha 通道并不存在。
- 用
getComputedStyle(el).backgroundColor在控制台查真实值：Chrome 65+ 返回rgb(255, 107, 53, 0.5)，Chrome 64 返回rgb(255, 107, 53)或原始六位值 - 打开开发者工具的“Computed”面板，看
background-color是否显示为rgba(...)或rgb(...)，而不是transparent或继承值 - 在 Chrome 64 环境下（可用旧版 Portable Chrome 测试），确认元素是否有预期的半透叠加效果，比如遮盖下层文字时是否模糊可见
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
