ie11不支持css自定义属性、es6+语法、flexbox标准及部分api，需降级bootstrap 4.6.x、bootstrap-table@1.12.2并引入core-js@3.30.2等polyfill方可兼容。
IE11根本不支持CSS自定义属性（--bs-primary）
Bootstrap 5+ 默认移除了对IE的官方支持，其CSS大量依赖--bs-primary、--bs-body-color这类CSS变量。IE11完全不识别var(--xxx)语法，遇到就直接跳过整条声明——不是渲染错乱，是“静默失效”。比如color: var(--bs-body-color);在IE11里等于没写，元素会回退到浏览器默认颜色（通常是黑色），导致文字消失或对比度异常。
- 检查方式：打开IE11开发者工具 → 选中元素 → 在“计算样式”面板里搜
color或background，看对应值是否为空或回退到初始值 - 不是你的CSS写错了，是IE11压根没解析那行
- 即使你手动给
color加了降级值（如color: #212529; color: var(--bs-body-color);），IE11也会忽略第二条，但第一条仍有效——所以降级必须显式写出
bootstrap-table在IE11报对象不支持“bootstrapTable”属性或方法
这个错误不是JS语法问题，而是bootstrap-table内部用了ES6+特性（如const、箭头函数、模板字符串）且未被正确转译。尤其当使用较新版本（如@1.13.4+）时，构建产物默认面向现代浏览器，IE11执行时直接卡在const _table = ...这行抛出语法错误，后续$.fn.bootstrapTable根本没注册成功。
- 降级到
bootstrap-table@1.12.2是最稳妥的选择，该版本构建产物仍兼容IE11（含var声明、无箭头函数） - 确保引入顺序：先
jquery.min.js（≥1.9.1，IE11可用），再bootstrap.min.js（v3或v4，v5不行），最后bootstrap-table.min.js - 不要用
bootstrap-table.js（未压缩源码），它包含ES6语法；必须用bootstrap-table.min.js（旧版已转译好） - 如果必须用新版，需自行配置Babel + core-js，并确保
bootstrap-table源码被纳入转译范围——实际成本远高于降级
IE11下flex布局错位、圆角丢失、过渡动画失效
Bootstrap 4/5的栅格和组件大量依赖Flexbox，而IE11的Flex实现（基于2012年草案）与标准存在关键差异：不支持flex: 1简写、align-items: stretch行为异常、gap属性完全无效。同时，IE11对border-radius在display: flex容器子元素上的渲染也常出问题。
- 避免在IE11环境使用
flex-fill、flex-grow-1等依赖flex: 1的类；改用flex: 0 0 auto+ 显式width -
gap必须手动降级：对.row加margin-left: -0.5rem，对.col加padding-left: 0.5rem - 手风琴（Accordion）的
collapse动画依赖height: 0→height: auto过渡，IE11不支持height: auto动画，得改用max-height+ 固定像素值（如max-height: 500px） - 所有
transition声明必须明确写出属性名，不能写transition: all；IE11对all的支持极不可靠
为什么加了<meta http-equiv="X-UA-Compatible" content="IE=edge">还是不行
这行meta只解决文档模式（Document Mode），把IE11从怪异模式切到标准模式，但它**不解决引擎能力缺失**。IE11的标准模式依然没有CSS变量、不支持Promise、Array.from、Object.assign等API。很多Bootstrap插件（如bootstrap-select、bootstrap-datepicker）底层依赖这些API，一调用就报对象不支持xxx方法。
- 仅加meta不够，必须配polyfill：至少引入
core-js/stable（覆盖Promise、Array、Object等）和regenerator-runtime/runtime（支持async/await） - polyfill要放在所有业务JS之前，且必须用
script标签同步加载（IE11不支持type="module"） - 检查是否误用了
@babel/preset-env的targets配置——如果设成{"ie": "11"}但没启用useBuiltIns: 'usage'，Babel不会自动注入polyfill - 最隐蔽的坑：某些CDN托管的polyfill（如cdnjs上的
babel-polyfill）已废弃，用core-js@3+替代，否则IE11里Promise依旧undefined
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
