最大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

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

现在，此规则会创建一个新的堆叠上下文，其所有内容都受其自身z-index的影响。

阅读https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context了解详情。