javascript - 调用 DIV 时将 DIV 加载到另一个 DIV 之上

Question

好吧，我有这张幻灯片，上面有三个面板：

第 1 部分，第 2 部分，第 3 部分。

• DIV 1 有 id=slide-one
• DIV 2 有 id=slide-two
• DIV 3 具有 id=slide-three

有导航按钮：Id1、Id2、Id3。

我想知道的功能是，如果可能当 Id1 调用 DIV1 并且 DIV1 滑入时，是否可以在 DIV1 顶部加载 DIV-new？
就像在调用 DIV1 时一样，它会在其顶部加载一个 DIV-new。
DIV 2 和 DIV 3 相同。
请参阅此 html以获取上述示例。

Answer 1

当然，只需使用position:absolute和z-index.

那是，

element.style.position = 'absolute';
element.style.zIndex = 10;

...并确保底部<div>的 z-index 较低。<div>此外，如果绝对的父母有position:relative风格，生活会更轻松。