覆盖无法点击的z-index问题

Question

up如果它比屏幕大，我可以将滚动添加到弹出窗口但我遇到叠加层的问题我无法点击它...如果双击叠加层，你会注意到十字按钮得到选择，但左下方的驱动应该得到选择

.booklyng-modal-body .popup-box-wrapper {
     overflow-x: hidden !important;
    max-height: 100%;
    overflow-y: auto !important;
     z-index:222; 
}

此代码是为我的div添加滚动请仔细检查以下链接 如果你可以提供帮助click here

Answer 1

z-index属性仅适用于定位元素。因此，请尝试将position: relative;添加到您的选择器。

来源：https://www.w3schools.com/cssref/pr_pos_z-index.asp

Answer 2

为了在特定部分或div上添加z-index，您必须澄清覆盖区域的z-index。例如。如果你想在父div上添加图像卡的z-index，那么你必须为父div和子元素z-index添加z-index：-1; 1;