CSS3圆角兼容IE8

IE8 的圆角兼容问题一直是老前端最头疼的事儿之一。你直接写border-radius那肯定是不行的，IE8 压根不认这属性。但还好，有一些“老古董”技巧能派上用场，比如 CSS3 PIE，就是个蛮好用的补丁工具，能让 IE8 假装支持一些 CSS3 样式，包括圆角。

你要用的话，只要在样式里加个behavior: url(/path/to/PIE.htc)，记得外面包个条件注释，只给 IE8 加载就行了。简单说就是：“你 IE8 才走这条路，别的浏览器你别掺和。”

还有个稍微老点的方式是 VML，也能搞出类似的视觉效果，就是写起来有点繁琐，也不太灵活，基本现在少用了，除非你项目有强需求。

，你也可以走另一条路——优雅降级。就像我做企业站时，IE8 里就不管圆角了，干脆直角走起，照样能看，页面也清爽点，省事又稳妥。

如果你还得兼顾 IE8，那建议你去看看 PIE.htc 的使用方法，那里面讲得挺细的，路径引用、position 这些坑都有提到。

另外，这里还有些资源也挺实用：IE 兼容 CSS3 圆角、border-radius 基本用法，想系统学一下可以顺着点进去看看。

吧，IE8 能不能圆角，主要靠你想不想“讨好”它。能不用最好，真要支持，那就老老实实上 PIE。