ie8及更早版本不解析rgba()，需用filter:alpha(opacity=xx)或gradient滤镜降级，且fallback必须前置、块级元素、十六进制颜色匹配，否则背景消失或子元素异常变淡。
IE8 及更早版本压根不解析 rgba()，不是渲染不准，是直接跳过整条声明——结果就是背景消失、文字变黑或继承父级色。必须手动加降级，不能靠工具自动补全。
filter: alpha(opacity=XX) 只对块级元素生效
这个滤镜只控制整个元素的透明度，子元素会一并变淡，和 rgba() 仅影响颜色通道有本质区别。它要求目标元素是块级（display: block 或 inline-block），行内元素如 <span></span> 必须显式设置 display: inline-block 或触发 hasLayout（比如加 zoom: 1）。
-
opacity参数是 0–100 的整数，写成opacity=0.5或opacity=50%都无效 - 如果同时用了
background-image，filter会让图片也变透明，而rgba()不影响背景图 - 该滤镜在 IE8 中表现稳定，但 IE7 下部分场景可能触发重绘抖动，建议统一按 IE8+ 处理
filter: progid:DXImageTransform.Microsoft.gradient 是更准的替代方案
用渐变滤镜模拟单色半透，能避免 alpha() 拉低子元素的问题。关键是把 startColorstr 和 endColorstr 设为相同值，例如 #7f000000 表示半透黑色（7f = 127 ≈ 0.5 × 255，转十六进制）。
-
#AARRGGBB格式中，前两位AA是透明度，后六位RRGGBB是 RGB 值，顺序不能颠倒 - 必须和
background-color共存，单独写filter在某些 IE8 文档模式下会失效 - 该方式不影响子元素透明度，但只适用于背景色，无法用于文字或边框色
RGBA fallback 的书写顺序和属性选择很关键
CSS 层叠规则决定了老浏览器只会执行它认识的声明，所以 fallback 必须写在 rgba() 之前，且优先用 background 而非 background-color，否则会意外清空已有背景图或重复等设置。
- 正确写法：
background: #808080; background: rgba(0, 0, 0, 0.5); - 带背景图时：
background: #f0f0f0 url("bg.png") repeat; background: rgba(240, 240, 240, 0.6) url("bg.png") repeat; - 别用
@supports (color: rgba(0, 0, 0, 0))包裹 IE 逻辑——IE8 不支持@supports，写了也白写
真正麻烦的不是怎么写，而是得同时兼顾：滤镜是否触发 hasLayout、#AARRGGBB 里透明度换算有没有舍入误差、背景图是否被连带变淡、以及 IE 默认兼容模式可能让 IE9 也跑成 IE8 内核——这些细节漏掉一个，页面就在 XP 机器上裂开。手动维护比寄希望于 PostCSS 插件更可靠。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
