IE8及以下版本原生不支持border-radius，加任何前缀均无效；唯一可行方案是PIE.htc，但需满足路径正确、position定位、z-index层级、非inline元素等严格条件，且项目已归档，建议优先评估是否真需兼容。
IE8及更早版本根本不用试border-radius前缀
直接说结论：border-radius 在 IE8 及以下版本原生不支持，加 -webkit-border-radius、-moz-border-radius 甚至臆造的 -ms-border-radius 都无效。这不是写法问题，是 Trident 4.0 渲染引擎压根没实现这个 CSS3 特性。IE9 才开始支持标准 border-radius，且必须确保文档模式为 IE9+（检查 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 是否存在并位于 <head> 最顶部）。
PIE.htc 不是“开箱即用”，路径和样式条件缺一不可
如果真要兼容 IE8，PIE.htc 是唯一还能跑的方案，但它对环境极其敏感：
-
behavior: url(PIE.htc)中的路径是相对于 HTML 文件的，不是 CSS 文件——常见错误是写成url(/css/PIE.htc)却把文件放在./pie/下 - 目标元素不能是
display: inline，至少得是block或inline-block - 必须设
position: relative（或absolute、fixed），否则 PIE 无法定位 VML 覆盖层 - 父容器不能有
overflow: hidden，否则会裁掉 PIE 绘制的 VML 节点 - HTTPS 页面下，PIE.htc 必须也走 HTTPS 加载，且服务器需返回
X-Content-Type-Options: nosniff和 MIME 类型text/x-component
JS 动态修改圆角时 PIE 不会自动响应
PIE 不监听 CSS 属性变化，改完 borderRadius 后它完全不知情：
- 手动触发重绘：改样式后立即调用
PIE.detach(element); PIE.attach(element) - 避免高频操作——每帧都 detach/attach 会导致卡顿，只在关键交互（如点击切换类名）后刷新
- 用 jQuery 时别写
$().css('border-radius', '5px')，改用$().addClass('rounded')并确保该 class 已声明behavior
现代项目里真没必要再碰 PIE
IE8 全球占比已低于 0.1%，PIE 项目早在 2023 年归档，GitHub 仓库只读。真正该做的不是硬套兼容方案，而是确认业务是否还要求支持——很多所谓“兼容需求”，其实是没推动产品方更新浏览器策略。如果只是个别老系统维护，接受直角降级 + 条件注释隔离样式，比引入 PIE 更轻量、更可控。
立即学习“前端免费学习笔记（深入）”；
