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

Question

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

Answer 1

确保css z-index高于其他人。

（注意：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;
}