是否可以将任何div放在网页的其他内容之上？

Question

我试图将div放在网页中的所有div之上。

常见的问题是：

• 将div添加到body元素
• 添加比其他所有
更大的z-index属性

问题：

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

阅读下面的文章后，在我看来是不可能的。 是这样吗？

http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

非常感谢任何帮助

更新：

谢谢你们

@ user2604405 - 我忘了提到我希望这个div覆盖所有页面这一事实，所以我认为只有position: fixed是恰当的。

@shujatAli - 我已经说过由于角度限制我无法移动div。

@Explosion Pills - 移动div是可以的，只要它覆盖所有页面。

@Flavio Paulino - z-index解决方案无法正常工作= /（div在DOM树中停滞不前）。

@Jasper - 我尝试使用position: fixed;，但由于其他div也定义了z-index，因此无法正常工作。并且我无法将元素克隆到正文，因为它在我的AngularJS模块之外会破坏我的模型绑定

Answer 1

是！

只需在此div上添加最高的z-index，例如：

z-index: 1030;

Answer 2

是的，它可能有三种方式 的相对

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

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

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

绝对定位不会保留原来的位置

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

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