jquery - z-indexの問題、マスクはビデオを超えていますか？

Question

このページを見て、スライダーの「再生」アイコンをクリックすると、IEでは、マスクはビデオ/ページ全体の上にありますが、マスクのz-indexは開いているdivよりも低くなっています上？FFとChromeでは、マスクの下に配置されるのは「閉じる」ボタンだけです...マスクは、ビデオのdivよりも低いz-indexを持っているので、理由を完全に理解することはできませんか？

Answer 1

ページは正しく動作します。

マスクはbodyタグの直接の子であり、z-indexは1000です。

あなたのビデオは、z-indexが1のanythingスライダーのliの直接の子です。

したがって、ビデオ自体のz-indexが5000であっても、それはマスクよりも低い（1が1000よりも低いため）スタッキングコンテキスト内にあるため、マスクの背後に表示されます。

可能であれば、ビデオを含むダイアログをマスク（体の直接の子）と同じスタッキングコンテキストで表示するのが最善の方法です。