ie10 不支持 pointer-events: none，检测不可靠，应使用透明遮罩替代：设 position:absolute/fixed、z-index 显式高于目标、background:transparent、aria-hidden="true"，并处理可聚焦元素 tabindex。
pointer-events: none 在 IE10 下根本不会生效——不是“偶尔失效”，而是浏览器压根不解析该声明，计算样式时返回空字符串或 undefined，DOM 中也查不到对应行为。
IE10 不支持 pointer-events，连语法都认不出来
IE10 属于“部分支持但实际不可用”的典型：它识别 pointer-events 这个 CSS 属性名（不像 IE9 及以下直接忽略整行），但对值 none 和 auto 的处理是未定义行为。实测中：getComputedStyle(el).pointerEvents 返回空字符串；开发者工具里该属性显示为“无效”或灰色；设置后点击依然被遮罩层拦截。
- 别信
@supports (pointer-events: none)：IE10 不支持@supports语法，检测会直接跳过 - UA 判断也不可靠：IE10 的
navigator.userAgent极易被伪造或覆盖，且现代构建工具常默认移除 UA 检测逻辑 - 真正能落地的检测只有运行时特性判断，例如：
'onmspointerdown' in document（IE10+ 支持 MS 前缀指针事件）或检查document.documentElement.style.pointerEvents !== undefined—— 但后者在 IE10 中仍为undefined，所以本质还是“无法安全检测”
用透明遮罩替代 pointer-events:none 是唯一稳定方案
核心不是“禁用事件”，而是让遮罩层本身不参与事件流：它存在、占位、视觉覆盖，但不绑定任何监听器，也不响应任何交互。IE8–IE10 全系兼容。
- 遮罩必须设
position: absolute或position: fixed，且z-index明确高于目标内容 - 背景只能用
background: transparent；禁用rgba(0,0,0,0)（IE8 不支持 rgba） - 绝对不要给遮罩加
onclick、onmousedown等内联事件，也不要通过 JSaddEventListener绑定任何 handler - 若遮罩需随滚动区域移动，监听
scroll手动同步其top/left，或改用position: fixed+transform: translateZ(0)（IE10+ 支持）触发硬件加速
透明遮罩必须配套 aria-hidden 和语义控制
遮罩层虽不拦截点击，但对屏幕阅读器仍是可见 DOM 节点。若没处理，读屏软件会朗读一个“空 div”，用户完全无法理解上下文。
- 遮罩元素必须加
aria-hidden="true" - 如果遮罩覆盖了可聚焦元素（如
button、input），需同步移除其tabindex或设为tabindex="-1"，否则键盘 Tab 仍会停在不可见/不可操作的节点上 - 避免把遮罩包裹在
role="dialog"或role="alert"内部——它只是视觉辅助层，不是语义容器
最易被忽略的一点：透明遮罩的 z-index 必须严格大于所有可能被穿透的目标元素，且不能依赖父级 stacking context 的隐式层级；一旦出现多个定位元素嵌套，建议用浏览器 DevTools 的 “Layers” 面板确认渲染顺序，而不是只看 CSS 代码里的数值大小。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
