RRGGBBAA在Chrome 64及更早版本、IE全系列、Android WebView≤Android 9、iOS Safari 13.4前完全不生效，因这些浏览器解析器不识别该语法，直接静默忽略整条声明，既不报错也不回退。
旧浏览器遇到 #RRGGBBAA 会静默忽略整条声明，不是报错、不回退、也不提示——你看到的颜色“好像对了”，其实根本没走那行代码。
为什么#RRGGBBAA在Chrome 64或IE里完全不生效
Chrome 64 及更早版本、IE 全系列、Android WebView ≤ Android 9、iOS Safari #ff000080 这种格式。它不是“支持得不好”，而是压根不识别：遇到就跳过整条 background-color 或 color 声明，连 fallback 都不触发。
- 写成
background-color: #0b79b966;后，Chrome 64 里该属性在 DevTools Styles 面板中会带删除线，Computed 面板里查不到值 - 别依赖页面“看起来有颜色”来判断——可能是父级继承色、默认文本色，或前置的六位色在起作用
- 哪怕只错一位（比如
#0b79b96少一个字符），也会被当非法值丢弃，和版本无关
必须用层叠顺序做fallback，不能靠@supports
@supports (color: #ff000080) 在 Chrome 64 等旧引擎里根本无法解析该语法，CSS.supports() 直接返回 false，你无法区分是“不支持”还是“写错了”。它不提供语法容错能力。
- 唯一可靠写法是同一选择器内，**静态 fallback 前置，新语法后置**：
button {<br> background-color: #0b79b9;<br> background-color: #0b79b966;<br>} - 顺序不能反：后写的才会被新引擎采用；前置的才是旧引擎唯一能读到的
- 混用
rgba()也合法，但注意参数格式：rgba(11,121,185,0.4)✅，rgba(11, 121, 185, 0.4)❌（Chrome 6–12 对逗号后空格报错）
CSS变量中用#RRGGBBAA风险极高
在 :root 里定义 --primary: #ff6b3580; 看似简洁，但错一位、加引号、大小写混用，变量值就为空——var(--primary, #000) 才兜得住，否则直接取默认值（常为黑色）。
立即学习“前端免费学习笔记（深入）”；
-
--primary: #ff6b358;（7位）→ 变量值为空 -
--primary: "#ff6b3580";（加引号）→ 当字符串字面量处理，color: var(--primary)不生效 - 推荐拆分存储：
--primary-rgb: "11,121,185"; --primary-alpha: 0.4;，再组合rgba(var(--primary-rgb), var(--primary-alpha))
验证是否真生效，不能只看眼睛
即使 DevTools 里颜色“看起来是对的”，也不能说明 #RRGGBBAA 被正确解析。旧浏览器可能只是用了前置 fallback 或继承色。
- 打开 DevTools → Elements → Styles 面板，确认那行
#RRGGBBAA没被划删除线 - 切到 Computed 面板，查
background-color或color的最终计算值是否为rgb()或rgba()格式（现代引擎解析后会转成这种） - 临时替换成
color: red;测试：如果能立刻生效，说明问题就在原始 hex 值本身
