给反馈
遮罩层
Scrim / Backdrop
「后面那层黑的」「背景变暗那层」「蒙层」「弹窗后面的阴影」「灰掉的那一层」「压暗的背景」「半透明的黑纱」
LIVE DEMO真实可交互，动手试试
页面标题
- 英文名
- Scrim / Backdrop
- 别名 · 俗称
- 背景遮罩暗化蒙层半透明黑层css: ::backdrop
- Web 叫法
- Scrim / ::backdrop
- 大白话定义
- 弹窗出现时垫在后面的半透明黑层，把背景压暗，让你只看眼前的弹窗。
- 部位拆解
- 半透明层 Overlay盖满全屏的暗色层，透明度常四五成
- 点击行为 Click Behavior点它通常把弹窗关掉
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
打开对话框时用 ::backdrop 加遮罩层：背景压暗 50%，点遮罩关闭弹窗，带 200ms 淡入
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的遮罩层（::backdrop）。逐一排除：z-index 层级不够，遮罩被其他悬浮元素穿透；遮罩盖住页面但没锁滚动，背景还能跟着滚；点遮罩时点击事件穿透到下层，误触背后的按钮；深色主题下透明度太淡，背景根本压不住。症状是：