必须同时设置data-bs-backdrop="static"和data-bs-keyboard="false"才能彻底禁用关闭：前者保留遮罩但禁用点击，后者禁用ESC键；缺一不可，漏bs-前缀、写错值或仅设其一均会导致意外关闭。
必须同时设置 data-bs-backdrop="static" 和 data-bs-keyboard="false"，缺一不可；漏掉 bs- 前缀、写成 false 或 true、或只设其一，都会导致点击背景仍能关闭。
为什么只加 data-bs-backdrop="static" 不够
这个属性不是布尔开关，而是语义值：“static” 表示保留灰色遮罩层但禁用其点击事件。如果只设它，用户仍可用 ESC 键关闭模态框——尤其在表单提交中途、二次确认等场景下，这属于严重逻辑漏洞。
-
data-bs-backdrop="true"（默认）：点哪都关 -
data-bs-backdrop="false"：直接删掉.modal-backdrop元素，模态框“悬空”，可能引发滚动穿透、焦点丢失、屏幕阅读器误读 -
data-bs-backdrop="static"：遮罩还在，点击无效——这才是你要的效果
为什么必须同步禁用键盘关闭
data-bs-keyboard="false" 是硬性配套项。Bootstrap 内部逻辑中，backdrop 控制鼠标，keyboard 控制 ESC，二者独立生效。单独禁用鼠标不等于锁死整个关闭通路。
- JS 初始化方式等效：
new bootstrap.Modal(el, { backdrop: 'static', keyboard: false }) - 注意：该 JS 配置生效的前提是元素已存在
tabindex="-1"，否则会被忽略 - 若 HTML 中已写
data-bs-backdrop="static"，但 JS 初始化时又传{ backdrop: true }，后者会被属性覆盖，不起作用
常见失效原因和排查点
写了 data-bs-backdrop="static" 却还能点背景关？大概率是以下之一：
- 属性写成
data-backdrop="static"（漏了bs-前缀），浏览器完全忽略，降级为默认true - 模态框 DOM 缺少
tabindex="-1"或aria-hidden="true"，导致 Bootstrap 内部状态管理异常 - 在 AJAX 动态插入 Modal 后再补 HTML 属性——属性不生效，需 JS 初始化时同步传参
- 嵌套 Modal：第二个模态框的 backdrop 会覆盖第一个，点击区域逻辑混乱，官方明确不支持嵌套
React/Vue 封装组件要特别小心
像 react-bootstrap 这类封装库，未必透传 backdrop 和 keyboard 到底层原生实例。不能只看 HTML 属性是否写对，得查对应文档确认 props 是否支持，或直接用 ref 获取原生实例调用 show()/hide()。
全局修改 bootstrap.Modal.Defaults 更危险——所有弹窗（包括提示框、确认框）都会永久失去点击关闭能力，后续排查成本极高。
