gpt4 book ai didi

html - 如何在层次结构中让 DIV 位于其他 DIV 之下?

转载 作者:行者123 更新时间:2023-11-28 17:08:22 26 4
gpt4 key购买 nike

我在处理分层 DIV 元素的顺序时遇到了问题。我有一个 DIV .lens-flare,它位于 HTML 层次结构的底部。然而,当我transform: translate 位置使其包含整个父 DIV 时,它显示在层次结构中位于它之上的元素之上。

所以我尝试设置 z-indexes,然后将我的 translate 变成 translate3d。我仍然无法在 .top-nav-bar.nav-bar 下获取 .lens-flare .cta.

目前我有一个 pointer-events: none 应用所以我至少可以点击下面的东西。但是我怎样才能真正成功地将 .lens-flare 层移动到其他所有内容之下?

这是我的 CodePen为元素

最佳答案

稍后呈现的元素被认为比在它们之前呈现的元素更靠近屏幕。

如果你想改变这个,Z-index 就是答案,你只需要记住 z-index 只适用于定位的元素。

.lens-flare
position: relative
z-index: 1

.nav-bar, .top-nav-bar, .cta
position: relative
z-index: 2

您更正后的代码笔:http://codepen.io/sEvher/pen/doyWoW

关于html - 如何在层次结构中让 DIV 位于其他 DIV 之下?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29801093/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com