html - CSS - 防止弹出窗口隐藏在页面上的其他元素后面

Question

A 有一个弹出 div。但是在弹出窗口时，它会隐藏在页面上的其他元素后面。如何确保弹出 div 始终位于页面上其他元素的顶部？

Answer 1

确保 cssz-index高于其他 css。

（注意：z-index 仅适用于定位元素（位置：绝对、位置：相对或位置：固定）

Answer 2

为了让你的弹出窗口出现在另一个元素上，你应该确保前面元素的 z-index 属性必须大于应该在后面的那个

//this id element will get at front
#front {
    z-index:2;
}
//this id element will be behind #front element
#back {
    z-index:1;
}