If you take a look at this page，然后单击滑块中的“播放”图标 - 然后在IE中，蒙版位于整个视频/页面的顶部，但是蒙版的z-index低于打开的div吗？在FF和Chrome中，它只是“关闭”按钮，而不是放在面具下面......不能弄明白为什么，因为面具有一个较低的z-index，div与视频一起？
答案 0 :(得分：1)
您的网页表现完全正确。
掩码是body标签的直接子节点，它的z-index为1000。
您的视频是z-index为1的任何滑块中li的直接子项。
因此，即使您的视频本身的z-index为5000，它也在一个堆叠环境中，比你的面具更低（因为1低于1000），因此出现在你的面具后面。
如果可能，最好的办法是让包含视频的对话框显示在与面具相同的堆叠上下文中（身体的直接子项），如果可能的话。