Html 是否可以将任何div置于网页中的所有内容之上？

我试图在网页中的所有div之上放置一个div

这方面的共同问题是：

• 将div前置到body元素
• 添加一个比其他属性大的z索引属性

问题是：

• 我无法在DOM树中移动我的div（由于角度限制）

读完下面这篇文章后，我觉得这是不可能的。 是这样吗

非常感谢您的帮助

更新：

谢谢你们

@user2604405-我忘了提到我希望这个div覆盖所有页面的事实，所以我认为只有

position:fixed

是相关的

@shujatAli-我说过由于角度限制，我不能移动div

@爆炸药丸-移动div是可以的，只要它覆盖了整个页面

@Flavio Paulino-

z-index

解决方案将不起作用=/（div位于DOM树的下方）

---

@Jasper-我试过使用

position:fixed但它不起作用，因为其他div也定义了z索引。我不能将elemento克隆到body，因为它在我的AngularJS模块之外，它破坏了我的模型绑定
是的，有三种可能
相对的

div
{
position:relative;
left:-20px;
}

div
{
position:relative;
left:-20px;
}

相对定位将保留图元的原始位置
绝对值

div
{
position:relative;
left:-20px;
}

div
{
position:relative;
left:-20px;
}

绝对定位不会保留原始位置

img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}

上面的代码是重叠元素定位，可以通过设置z-index属性来使用。
是

只需在此div上添加最高的z索引，如：

z-index: 1030;

您可以更改div上的
位置
样式属性吗？我认为这是可能的。。将div作为第一个子项追加到body中，设置position absolute。将其放置在x:0，y:0。并通过window.innerheight和window.innerWidth设置高度宽度，并给出最大z索引…因为
位置：绝对
和
z索引
是相对于它们的祖先计算的，我认为您需要在元素上设置
position:fixed
，以便可以应用
z-index
，使其在DOM的其余部分进行渲染。否则，您是否可以克隆元素，然后将克隆附加到具有定位和z-index元素（例如AngularJS）的复杂DOM中的
body
，这其中的任何一个是如何将元素放在其他元素的“顶部”的？如果该元素嵌套在定位元素和z索引元素下面呢<代码>z索引
是相对于元素的祖先计算的。。。