条件注释在IE10+及所有现代浏览器中完全失效，仅对IE5.5–IE9有效；必须硬编码于HTML <head> 或 <body> 顶层，语法、位置、DOCTYPE均需严格符合规范，否则解析失败或导致白屏。
条件注释在 IE10+ 和所有现代浏览器中完全不生效，只对 IE5.5–IE9 有效；它不是可选的兼容开关，而是硬编码在 HTML <head> 中、且必须严格符合语法和位置要求的解析机制。
条件注释只能写在 HTML 的 <head> 或 <body> 顶层
它不能嵌套在 <div>、<section> 或任何其他标签内，也不能塞进 <style> 块或 JS 字符串里——IE 渲染器只在 HTML 解析早期识别顶层的条件注释块。常见错误包括：
- 用
document.write或 DOM 操作动态插入，IE8+ 在DOMContentLoaded后已不解析 - 把
<!--[if IE]><link><![endif]-->写在<style>标签内部，结果整段被当作文本忽略 - DOCTYPE 前有空格、XML 声明或 BOM 字节，导致 IE 进入怪异模式（quirks mode），条件注释失效
[if IE 6]、[if lt IE 9] 这类表达式必须空格和大小写都正确
条件表达式不是 JavaScript，也不是正则，它是一套固定语法。关键字如 lt、gte、IE 必须全小写，且前后空格不可省略。括号、尖括号、中括号一个都不能错。
- ✅ 正确：
<!--[if lt IE 9]>、<!--[if gte IE 8]> - ❌ 错误：
<!--[if ltIE 9]>（缺空格）、<!--[if LT IE 9]>（大写 LT 可能被旧渲染器拒绝）、<!--[if IE9]>（缺空格） -
lt表示“less than”，即 IE6/7/8；lte才包含目标版本，比如lte IE 8覆盖 IE8 及更低
路径必须用相对根路径或绝对 URL，不能用 Node.js 风格
IE6 不识别 ./css/ie.css 这种点斜杠写法，会直接 404。同时，别加 media="all"——条件注释本身已完成环境过滤，额外属性反而可能触发旧版解析 bug。
立即学习“前端免费学习笔记（深入）”；
- ✅ 推荐：
href="css/ie8-fix.css"或href="/static/css/ie7.css" - ❌ 避免：
href="./ie.css"、href="ie.css" media="all" - 加载顺序很重要：条件注释引入的 CSS 应放在主样式表之后，否则覆盖规则可能不生效
别试图给 IE10+ 写 [if IE 10] —— 它根本不会解析
IE10 开始彻底移除条件注释支持，Edge、Chrome、Firefox 全部当普通注释处理。你看到 <!--[if IE 10]><link><![endif]--> 没加载，不是路径问题，是浏览器压根不认这个语法。
-
<!--[if !IE]>在 IE10+ 里也不触发，它不是“非 IE”，而是“所有浏览器都不识别” - 想兼容 IE10/11？得换策略：用 JS 检测
document.documentMode，再动态appendChildlink 标签 - 如果项目仍需支持 IE8，就别指望 PostCSS autoprefixer——它加的前缀 IE8 看不懂，更不会补
filter: progid:DXImageTransform.Microsoft.Alpha这类东西
真正容易被忽略的是：条件注释生效的前提，是页面实际以对应版本的 documentMode 渲染。比如用户手动点了“兼容性视图”，IE11 可能回落到 IE7 模式，这时 [if IE 9] 就不会命中，而 [if lt IE 9] 反倒会生效。别只看 UA 字符串，要看 document.documentMode 的运行时值。
