javascript - 将内部 div 移动到其父级和邻居之上(溢出和 z 索引无济于事)

Question

大家好，我是 JS 和 CSS 的新手，我只是在测试游戏开发技能...

[删除链接]

如果您尝试多次按“W”键，您会看到当他离开父 div 的区域时，蓝色 div 会进入相邻 div 的下方...如何解决这个问题？

请帮忙

Answer 1

首先是答案:移除父框(红色框)的 z-index

现在是内部工作:

为 sibling 和他们的 child 设置 z-index 的问题在于，每次您为 parent 设置 z-index 时，所有 child 的 z-index 现在都将相对于 parent 的 z-index。

即如果一个 sibling 的 child 的 z-index 高于另一个 sibling 的 child ，而 parent 双方都有自己的 z-index，则这些 child 将不在同一层次结构中。

尝试删除红色框的 z-index，并只在 child 上使用 z-index。

既然这是你要的结果。