z-index问题，遮罩是否超过了视频？

Question

如果您查看此页面 ，然后单击滑块中的“播放”图标-然后在IE中，该遮罩位于整个视频/页面的顶部，但是该遮罩的z索引比打开的div低起来吗？ 在FF和Chrome中，只是“关闭”按钮比蒙版下方放置的按钮...无法完全弄清楚原因，因为蒙版的Z索引比视频div低？

Answer 1

您的页面行为完全正常。

遮罩是body标签的直接子元素，其z索引为1000。

您的视频是z-index为1的any滑块中li的直接子级。

因此，即使您的视频本身的Z索引为5000，它的叠加上下文也比蒙版低（因为1小于1000），因此它出现在蒙版后面。

如果可能的话，最好的办法是使包含视频的对话框在与蒙版（身体的直接子对象）相同的堆叠上下文中显示。