IE8及以下不支持RGBA，需用十六进制色值fallback并配合filter模拟半透明；filter仅对块级元素有效，须用8位#AARRGGBB格式且必须与background-color共存；文字透明无法实现，只能降级为灰阶色或PNG替代。
IE8及以下不支持RGBA时的降级方案
直接用rgba()在IE8及更早版本会完全失效——背景或文字直接变透明或丢失，不是半透明。这不是渲染偏差，是解析层面不识别该函数。必须提供明确的十六进制颜色值作为fallback，且需确保该值在视觉上与目标RGBA色足够接近（比如rgba(0, 0, 0, 0.5)对应#000就不够，应选灰阶中值如#808080）。
filter: progid:DXImageTransform.Microsoft.gradient 的实际写法
IE专有滤镜filter能模拟半透明遮罩，但只对块级元素生效，且仅支持线性渐变（单色+透明度需用startColorstr/endColorstr模拟）。它和background-color不冲突，可叠加使用：
div {
background-color: #4a90e2; /* IE8 fallback */
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#804a90e2',
endColorstr='#804a90e2',
GradientType=0
);
}注意：startColorstr和endColorstr必须是8位十六进制（#AARRGGBB），其中前两位AA是Alpha通道（00全透，80约50%），后六位是RGB；GradientType=0表示纯色填充，设为1会强制水平渐变，造成意外条纹。
为什么不能只靠filter而忽略background-color
filter在IE6–IE8中会触发hasLayout，可能改变盒模型、影响浮动或z-index层级；若元素无background-color，滤镜可能渲染异常甚至不显示。必须同时声明一个solid色值：
立即学习“前端免费学习笔记（深入）”；
- IE6–IE7：只读
background-color，忽略filter（除非手动触发hasLayout） - IE8：读取
background-color作基础色，再叠filter实现透明效果 - 现代浏览器：忽略
filter，只用rgba()或background-color
所以顺序必须是：background-color → rgba() → filter，靠CSS层叠覆盖。
透明文字在IE中的不可行性与替代路径
filter对color无效，无法让文字半透明。试图用opacity会导致整个元素（含子节点）透明，在IE6–IE8中还可能引发z-index错乱。可行做法只有两种：
- 用PNG背景图代替文字（维护成本高，换文字就得换图）
- 改用不依赖透明的文字设计，比如降低对比度的灰阶色（
#666代替rgba(0,0,0,0.6)）
没有“完美模拟”，只有权衡。RGBA用于文字时，IE降级本质是放弃透明，而非模拟透明。
真正麻烦的不是写法，而是测试时容易漏掉IE7的hasLayout触发条件——比如父容器没设zoom: 1或height，filter就静默失效。
