css3是层叠样式表的最新演进版本，新增了大量实用的样式特性，而ie8是微软2009年发布的浏览器版本，二者在特性支持上存在明显差异。ie8本身并不支持绝大多数css3特性，这是前端开发中需要重点处理的兼容场景。
ie8对css3的支持情况
ie8的内核版本为Trident 4.0，该内核发布时css3规范尚未正式定稿，因此仅能支持极少部分css3特性，绝大多数常用css3属性在ie8下都不会生效。以下是常见css3特性在ie8中的支持情况对比：
| css3特性 | ie8支持情况 | 说明 |
|---|---|---|
| border-radius（圆角） | 不支持 | ie8下无法渲染元素圆角效果 |
| box-shadow（盒阴影） | 不支持 | ie8下无法显示元素阴影 |
| rgba颜色模式 | 不支持 | ie8会将rgba颜色解析为完全透明 |
| transition（过渡动画） | 不支持 | ie8下无法实现样式过渡效果 |
| media query（媒体查询） | 不支持 | ie8无法识别响应式布局的媒体查询规则 |
| text-shadow（文字阴影） | 不支持 | ie8下无法显示文字阴影效果 |
ie8不支持css3的核心原因
ie8发布时，css3规范还处于草案阶段，微软并未在ie8的内核中适配尚未定稿的css3特性。同时ie8的内核架构较老，无法解析css3新增的语法规则，当浏览器遇到不认识的css3属性时，会直接忽略该属性，不会抛出错误，因此页面在ie8下不会出现崩溃，只是对应的css3效果无法显示。
实际开发中的兼容处理方案
1. 渐进增强策略
优先保证页面在ie8下的基础功能可用，再为支持css3的高版本浏览器添加增强效果。例如先给元素设置纯色背景，再添加rgba半透明背景，ie8会忽略rgba属性使用前面的纯色背景，高版本浏览器则会显示半透明效果。
/* 渐进增强写法，ie8使用纯色背景，高版本浏览器使用半透明背景 */
.box {
background: #f0f0f0;
background: rgba(240, 240, 240, 0.8);
}
2. 使用兼容插件或垫片
可以通过引入第三方垫片脚本让ie8支持部分css3特性，常用的有css3pie，它可以让ie8支持border-radius、box-shadow、linear-gradient等特性。引入方式如下：
<!-- 在head中引入css3pie的htc文件 -->
<style>
.rounded-box {
border-radius: 8px;
/* 针对ie8加载pie垫片 */
behavior: url(PIE.htc);
}
</style>
注意PIE.htc文件的路径需要相对于当前html页面，同时服务器需要正确设置.htc文件的MIME类型为text/x-component，否则ie8无法识别该文件。
3. 降级替代方案
对于必须使用css3效果但又需要兼容ie8的场景，可以使用降级方案替代。例如圆角效果可以用切图实现，阴影效果可以用投影图片模拟，媒体查询可以用js判断浏览器宽度后动态加载样式替代。
总结
css3本身是不兼容ie8的，ie8仅支持极少量css3特性，绝大多数css3属性在ie8下都会失效。实际开发中可以根据项目需求选择渐进增强、垫片引入、降级替代等方案处理兼容问题，在保障旧版本浏览器用户正常使用的同时，充分发挥css3的特性优势。