z-index問題，遮罩是否超過了視頻？

Question

如果您查看此頁面 ，然后單擊滑塊中的“播放”圖標-然后在IE中，該遮罩位於整個視頻/頁面的頂部，但是該遮罩的z索引比打開的div低起來嗎？ 在FF和Chrome中，只是“關閉”按鈕比蒙版下方放置的按鈕...無法完全弄清楚原因，因為蒙版的Z索引比視頻div低？

Answer 1

您的頁面行為完全正常。

遮罩是body標簽的直接子元素，其z索引為1000。

您的視頻是z-index為1的any滑塊中li的直接子級。

因此，即使您的視頻本身的Z索引為5000，它的疊加上下文也比蒙版低（因為1小於1000），因此它出現在蒙版后面。

如果可能的話，最好的辦法是使包含視頻的對話框在與蒙版（身體的直接子對象）相同的堆疊上下文中顯示。