遮罩层用position:fixed还是absolute取决于是否随滚动消失：全屏遮罩用fixed，局部容器内遮罩用absolute且父级需relative；须设z-index、rgba背景、四边定位；pointer-events控制事件穿透，按钮需单独设auto。

HTML5无法直接播放RTSP或叠加logo，必须在服务端转流时用ffmpeg（-vfoverlay）或WebRTCworker层处理；前端CSS叠加仅为视觉覆盖，不防篡改且投屏消失。

HTML5无图层概念，图片叠加依赖CSS的position、z-index与堆叠上下文；常用绝对定位+父相对定位+z-index控制顺序；Grid/Flex适合响应式布局；Canvas适用于动态合成；需警惕stackingcontext误创建导致z-index失效。

在Flex容器中对子元素使用position:absolute或position:relative时，它看似“不听flex布局的话”，比如脱离了justify-content或align-items的控制——这不是bug，而是CSS规范的明确行为：定位（position）会绕过Flex布局的主轴/交叉轴排列逻辑。理解这...

本文介绍如何通过监听点击事件的鼠标坐标，动态计算并定位弹出气泡框的位置，使其显示在图像热点旁而非覆盖其上，从而提升交互体验与可读性。

用position:fixed居中模态框必须配合transform:translate(-50%,-50%)，因top:50%和left:50%仅定位元素左上角到屏幕中心，translate才使其整体中心对齐；该方案兼容未知宽高，但祖先元素含transform等属性会导致fixed失效。