css - 最大 z-index 值但页眉和页脚排在最前面

Question

关于 my page ，我已经为视频区域分配了 Opera 中的最大 z-index 值，但页脚和页眉仍然位于它的顶部。请指导我。谢谢。

<div id="lightbox" style="z-index:16777271;">
    <p>Click to close</p>
    <div id="content"> <a href="#">
            </a>

    </div>
</div>

Answer 1

您必须从 #main 规则中删除 z-index:10。

现在，这条规则创建了一个新的堆叠上下文，它的所有内容都受它自己的 z-index 的影响。

阅读https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context了解更多信息。