应放弃按IE版本动态加载CSS，因其在IE11+和Edge中彻底失效；条件注释是IE6–IE9唯一可靠方案，@supports适配IE10+，class驱动降级更可控。
直接放弃“按IE版本动态加载CSS文件”——它在IE11+和Edge中彻底失效，现代构建工具（Vite/Webpack）无法处理这类运行时引入，还会引发FOUC、HMR中断、样式权重失控等问题。
条件注释是IE6–IE9唯一可靠入口
条件注释（Conditional Comments）虽在IE10+被移除，但它对IE6–IE9是原生支持、无JS依赖、无竞态风险的降级通道。必须写在标签上，而非内部：
<!--[if lt IE 9]><html class="ie8"><![endif]--> <!--[if IE 9]><html class="ie9"><![endif]-->
对应CSS中用.ie8 .btn而非单独写.btn，确保权重可控；避免混用现代选择器如.ie8 .btn:where(.primary)——IE8连:where()都解析失败，整条规则直接丢弃。
@supports + class 回退适配IE10+
IE10+支持@supports，但IE9及以下不支持。真实可行的分层策略是：@supports处理IE10+，条件注释兜底IE9–IE6，两者完全解耦。
立即学习“前端免费学习笔记（深入）”；
- 现代写法用
@supports (display: grid)包裹，降级写法用.ie10-plus .grid单独声明 - JS控制class落在
document.documentElement上（如document.documentElement.classList.add('ie10-plus')），比动态插入<link>更可控 - 注意
CSS.supports('selector(:has(a))')在IE11不可用，需先判断API是否存在，不存在就直接走class降级路径
滤镜与AlphaImageLoader仅限IE6–IE8且能力有限
behavior: url(pie.htc)或filter: progid:DXImageTransform.Microsoft.AlphaImageLoader只在IE6–IE8生效，IE9+及所有现代浏览器完全忽略。它们不是“补丁”，而是用VML+JS模拟渲染，性能差、不支持伪元素、不支持background-repeat等基础行为。
常见误用：
- 给PNG透明图加
AlphaImageLoader后，再设background-position——无效 - 用
filter模拟box-shadow，但父容器overflow: hidden时阴影被裁切 - 把
pie.htc放在CDN上——IE6–IE8不支持跨域HTC文件
真正难处理的不是“怎么加兼容”，而是“在哪一层做判断”：UA检测不可靠，documentMode在IE11文档模式下已废弃，navigator.userAgent在IE11/Edge中被弱化。最终能稳定落地的，只有条件注释（IE6–9）+ @supports检测（IE10+）+ class驱动（非动态加载）这三者组合。其他路径看似灵活，实则埋雷于构建、加载、渲染全流程中。
