老浏览器颜色兼容需用紧凑rgb(255,0,0)或6位十六进制#ff0000，禁用空格、百分比、rgba、命名色（仅16种）、currentColor及opacity，背景透明用PNG+滤镜。
RGB 颜色值在老浏览器中的写法要注意括号和空格
IE6–IE8 支持 rgb(255, 0, 0)，但不支持带空格的写法如 rgb(255 , 0 , 0)（逗号后有空格），也不支持百分比形式 rgb(100%, 0%, 0%)。部分早期 Opera 和 Safari 也对空格敏感。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 始终使用无空格、整数形式：
rgb(255,0,0)，而非rgb(255, 0, 0) - 避免使用
rgba()——IE8 及更早版本完全不支持透明通道 - 若需灰阶，优先用
rgb(128,128,128)而非gray（IE8 不识别命名色gray）
十六进制颜色必须是 3 位或 6 位，不能带 # 后跟非十六进制字符
所有老浏览器（包括 IE6）都支持标准 3 位（如 #f00）和 6 位（如 #ff0000）写法，但会静默忽略非法格式，比如 #ff00000（7 位）、#fg0000（含非 hex 字符）或漏掉 # 的 ff0000（部分 IE 下可能被当无效值处理）。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 统一用 6 位写法，避免缩写歧义（例如
#abc在某些旧解析器中可能误判为#aabbcc的简写，但并非所有都支持） - 务必保留
#前缀；CSS 规范要求它，老浏览器也依赖它识别 - 不要混用大小写——虽然
#FF0000和#ff0000效果一样，但 IE6 对大小写不敏感，而某些嵌入式 CSS 解析器（如老版 QtWebKit）可能出问题
命名颜色只认 W3C 标准 16 色，扩展名如 rebeccapurple 完全不可用
IE6–IE8 仅支持最早的 16 个 HTML4 命名色：如 red、blue、maroon、navy 等。像 orange、tomato、slategray 这些 CSS2/3 新增的命名色，在 IE8 及以下会被忽略或回退为 black。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 查表确认是否属于这 16 色（
aqua,black,blue,fuchsia,gray,green,lime,maroon,navy,olive,purple,red,silver,teal,white,yellow） - 哪怕只是想用
orange，也应写成#ffa500或rgb(255,165,0) - 别依赖
currentColor——IE8 不支持
透明度必须靠 PNG 或滤镜实现，不能依赖 rgba() 或 opacity
rgba(0,0,0,0.5) 和 opacity: 0.5 在 IE6–IE8 中均无效。opacity 是 CSS3 属性，IE8 仅支持私有滤镜 filter: alpha(opacity=50)，且该滤镜会影响子元素，无法单独控制背景透明。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 背景半透明：用 8 位 PNG（带 alpha 通道），并为 IE6 单独提供 GIF +
filter: chroma(color=#xxx)模拟（但仅限纯色背景） - 文字或边框半透明：只能降级为不透明，或改用视觉近似色（如把
rgba(0,0,0,0.3)换成#4d4d4d） - 慎用
background: rgba(...)+background: #xxx回退——IE6–IE8 会同时读取两条规则，但因不识别rgba，只生效后者；不过若顺序写反（rgba在前、#xxx在后），某些老 Trident 内核可能跳过整个声明块
老浏览器对颜色的容错极低，一个空格、一个错位的井号、甚至多写的百分号，都可能导致整条样式失效。最稳妥的方式不是“尽量兼容”，而是明确限定输入格式——只用 6 位十六进制或紧凑型 rgb(R,G,B)，并彻底放弃任何现代语法糖。
