data-bs-backdrop="static"是唯一可靠写法，必须搭配data-bs-keyboard="false"及tabindex="-1"和aria-hidden="true"才能彻底禁用点击和ESC关闭。
data-bs-backdrop="static" 是唯一可靠写法
Bootstrap 5+ 中必须用 data-bs-backdrop="static"，不是 data-backdrop（漏 bs- 前缀会完全失效），也不是 data-bs-backdrop="false"（这会删掉 backdrop 元素，导致滚动穿透和焦点异常）。static 的语义就是“显示遮罩但不响应点击”，这是官方唯一支持的禁用点击关闭方式。
backdrop 和 keyboard 必须配对禁用
只设 data-bs-backdrop="static" 不够稳定：用户仍可能按 ESC 关闭。真正防误关，得同步禁用键盘。两种等效方式：
- HTML 属性：
data-bs-backdrop="static"+data-bs-keyboard="false" - JS 初始化：
$('#myModal').modal({ backdrop: 'static', keyboard: false })
注意：keyboard: false 生效的前提是 modal 元素有 tabindex="-1"，否则被忽略；同时 aria-hidden="true" 也必须存在，否则初始化可能异常或多次触发。
常见失效原因：属性缺失或优先级冲突
写了 data-bs-backdrop="static" 却仍能点背景关闭？大概率是以下之一：
- 漏了
tabindex="-1"或aria-hidden="true"—— 这两个不是可选，是 Bootstrap 内部状态管理必需项 - HTML 里写了
data-bs-backdrop="static"，但 JS 初始化时又传了{ backdrop: true }—— 属性优先级高于 JS 配置，后者被覆盖 - 在
shown.bs.modal事件里调.modal('handleUpdate')—— 这不会重载 backdrop 行为，纯属无效操作
嵌套 Modal 或第三方封装时要格外小心
Bootstrap 官方不支持嵌套模态框。如果你在一个已打开的 data-bs-backdrop="static" Modal 里再打开另一个 Modal，第二个 backdrop 会覆盖第一个，但点击区域逻辑混乱：点第一层背景，可能关闭第二层，也可能无反应。
用 React/Vue 封装的组件（如 react-bootstrap）未必透传 backdrop 和 keyboard 到原生实例，得查对应文档确认是否支持；全局改 $.fn.modal.Constructor.DEFAULTS 更危险——所有弹窗（包括提示框、确认框）都会失去点击关闭能力，后续排查成本极高。
