4

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

对此的常见问题是：

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

问题：

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

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

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

任何帮助深表感谢

更新：

感谢你们

@user2604405 - 我忘了提到我希望这个 div 覆盖所有页面的事实，所以我认为 onlyposition: fixed是相关的。

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

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

@Flavio Paulino -z-index解决方案不起作用=/（ div 在 DOM 树中向下）。

@Jasper - 我尝试过使用position: fixed;，但它不起作用，因为其他 div 也定义了 z-index。而且我无法将 elemento 克隆到正文，因为它在我的 AngularJS 模块之外，它破坏了我的模型绑定

4

2 回答 2

2

是的！

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

z-index: 1030;
于 2013-10-02T19:35:30.867 回答
1

是的，它可以通过三种方式 相对

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

相对定位会保留元素的原始位置 Absolute

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

绝对定位不会保留原位

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

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

于 2013-10-02T19:34:57.593 回答