wmode属性影响z-index是因为默认window模式下flash独占系统窗口句柄，脱离浏览器层叠上下文；设为transparent或opaque可启用windowless模式，使flash参与css层级计算：transparent支持背景透出但性能较低，opaque不透明但性能更好。
embed 的 wmode 属性为什么能影响 z-index 生效
因为 embed 默认使用 window 渲染模式，Flash 插件会独占一个操作系统级窗口句柄，完全脱离浏览器的 CSS 渲染层叠上下文——此时无论你给其他元素设多高的 z-index，都压不住它。加 wmode="transparent" 或 wmode="opaque" 是把它切换到「无窗口模式（windowless）」，让 Flash 内容真正进入浏览器的绘制流程，才能参与 CSS 层级计算。
wmode="transparent" 和 wmode="opaque" 怎么选
两者都启用 windowless 模式，但行为有关键区别：
-
wmode="transparent"：允许 SWF 内部透明区域透出下方 HTML，适合需要背景融合或叠加动画的场景；但可能降低播放性能，尤其在旧版 Flash Player（ -
wmode="opaque"：SWF 完全不透明，遮挡其后所有内容，但性能更稳定，且兼容性更好；IE/Edge 下对z-index响应更可靠 - 如果页面里只是普通视频播放器（比如老式 FLV 播放器），优先用
wmode="opaque"；若需悬浮按钮盖在视频上且按钮区域要“透出”背景，则必须用wmode="transparent"
embed 标签里怎么正确写 wmode 属性
直接写在 <embed></embed> 标签内即可，不需要额外包裹或 JS 注入：
@@@###@@@
注意几点：
- 属性名是小写
wmode，值必须是字符串"opaque"或"transparent"，不能写成opaque（没引号）或WMode（大小写错） - 仅对 Flash 内容（
type="application/x-shockwave-flash"）有效；对现代video、audio或 PDF 嵌入无效 - Chrome 自 2021 年起已彻底禁用 Flash，所以该方案只适用于仍需兼容 IE8–11 或遗留内网系统
为什么加了 wmode 还是被遮挡
常见原因不是 wmode 没生效，而是其他层级配置冲突：
- 父容器（比如
<div>）缺少 <code>position: relative或position: absolute，导致子元素的z-index不起作用 - 同时用了
<object></object>+<embed src="player.swf" width="640" height="360" wmode="opaque"></embed>双标签结构，只给<embed></embed>加了wmode，但 IE 优先走<object></object>，必须同步加<param name="wmode" value="opaque"> - 某些老版本 IE（如 IE8 兼容模式）要求额外加
windowlessVideo=1参数才真正降级为 windowless 模式 - 极少数情况下，即使 wmode 正确，仍需配合
iframe遮罩层兜底——把<iframe></iframe>放在目标浮层和 embed 之间，设z-index中间值，并确保其src指向一个空白透明页面（background: transparent）
现代项目基本不该再用 embed + Flash，但若维护旧系统，wmode 是唯一靠谱的切入点；别纠结 z-index 数值本身，先确认渲染模式是否真的切到了 windowless。
