cuốn sách gpt4 ai đã làm

javascript - Firefox 上的嵌套 z-index 问题,较高的 z-index 落后于较低的 z-index

In lại Tác giả: Walker 123 更新时间:2023-11-28 18:33:37 27 4
mua khóa gpt4 Nike

我在 Firefox 和其他浏览器上遇到嵌套 z-index 的问题,我有一个 div,z-index 为 30000,位于 label 下方> zindex 为 9000。我认为这是由 z-index 为 30000 的 div 引起的,它位于 s-index 为 2000 的 div 中,但我删除了它并且它没有任何效果。

这里有什么明显的东西会导致这个问题吗?




在我的标记的更下方,我有一个弹出消息,它在滚动一段文本时显示/隐藏。




我的 CSS:

#order_form .row.end_date {
vị trí: tương đối;
z-index: 9000;
}
label.error {
z-index: 9001;
}
.whats_this_popup {
left: 360px;
phần đệm: 20px;
vị trí: tuyệt đối;
width: 205px;
z-index: 30000;
}
#order_form .row {
width: 435px;
z-index: 2000;
}

câu trả lời hay nhất

这是由 stacking context 引起的.前一个div的stacking context的z-index为9000,而后者的stacking context的z-index为2000。

您仅在 其父级 内为标签指定了 9001 的 z-index。 z-index 在父级的堆叠上下文之外是没有意义的。类似地,通过为 .whats_this_popup 指定 30000 的 z-index,您是说它将显示在其任何 siblings 的 z-index 小于30000,页面上没有任何 z-index < 30000 的内容。

为后者Bao gồm div 指定 30000 的索引将导致您想要的结果。

关于javascript - Firefox 上的嵌套 z-index 问题,较高的 z-index 落后于较低的 z-index,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13527646/

27 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress