老浏览器中border不生效主因是缺失DOCTYPE触发Quirks模式、rgba/hsl颜色不被支持、border-collapse需配合table-layout:fixed、border-radius导致整条border失效，以及border缩写语法不兼容。
border: 1px solid #000 在老浏览器里不生效？先确认是否写了 DOCTYPE
HTML5 页面在 IE8 及更早版本中边框不显示，八成是因为缺失 。没有这个声明，IE 会触发 Quirks 模式，<code>border 解析行为异常——比如把 solid 当成无效值直接忽略，或者只渲染部分边框。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 确保 HTML 文件第一行就是
，前面不能有任何字符（包括空格、BOM） - 用开发者工具检查当前渲染模式：在 IE 中按 F12 → 查看“文档模式”，必须是 IE8 标准/IE9 标准等“标准模式”，而非“怪异模式”
- 如果用了构建工具或模板引擎，注意它是否会意外插入注释或空行到文件开头
IE6–IE8 不支持 rgba() 或 hsl() 作 border-color？换纯十六进制色值
老浏览器对 CSS 颜色模型支持有限：border-color: rgba(0,0,0,0.5) 或 hsl(0,0%,20%) 在 IE8 及以下会被整个丢弃，导致边框消失，而不是降级为黑色。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 边框颜色统一用
#000、#333这类 3 位或 6 位十六进制值 - 避免在
border简写中混用新旧语法，例如border: 1px solid rgba(0,0,0,0.5)整条规则在 IE8 下可能完全失效 - 如需透明度效果，改用半透明白色背景层叠加，或 PNG 边框图（仅限极端兼容需求）
border-collapse: collapse 在表格里失效？老 IE 要加 table-layout: fixed
给 <table> 设 <code>border: 1px solid #000 并设 border-collapse: collapse 后，IE7/IE8 仍可能出现虚线、断线或边框重叠加粗——本质是表格单元格边框未真正合并，而是“视觉重叠”。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 在
<table> 上同时设置 <code>border-collapse: collapse和table-layout: fixed - 确保所有
<td>/<code><th> 没有单独设置 <code>border，否则老 IE 容易冲突 - 若需细边框（如 1px），避免用
border-width: thin，它在 IE 中解析为 2px，应始终用具体像素值1px - 老项目需兼容 IE8，就彻底不用
border-radius；若必须圆角，用图片或 JavaScript 插件（如 CurvyCorners），但注意性能损耗 - 使用 CSS 预处理器时，避免把
border和border-radius写在同一选择器内，防止编译后规则被整体忽略 - 现代项目若只需支持 IE9+，可放心用
border-radius，IE9 已原生支持实线边框 + 圆角组合
border-radius 导致实线边框断裂？老浏览器不识别就别让它参与渲染
一旦给元素加了 border-radius，哪怕只是 1px，IE8 及以下会因无法解析该属性而整条 border 声明失效——不是圆角变直角，而是边框直接消失。
实操建议：
立即学习“前端免费学习笔记（深入）”；
最常被忽略的一点：老浏览器对缩写属性的容错极低，border 三值写法（如 border: 1px solid）在 IE7 中可能被解析为 border: 1px none，必须写全四值或显式指定颜色。
