Question

我希望我的div显示在我放入100％宽度和高度的每一件事的顶部并且它显示以上很多contorl除了一些有css z-index和其他东西我试图把我的div z-index大数字但是没有用？

{
    width: 100%;
    height: 100%;
    top: 5px;
    left: 0px;
    background-color: #FFFFFF !important;
    padding: 10px;
    overflow: hidden;
    visibility: visible;
    display: block;
    z-index: 500 !important;
    position: relative;
}

Answer 1

由于您想要覆盖整个屏幕，我建议您这样做：

#overlayDiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:99;
}

注意，您不必设置显示和可见性属性。另外，不要在此元素上设置填充或边距！如果您希望它有填充，请在其子/孩子上设置边距。

另外，请确保有问题的DIV是BODY元素的直接子元素。

Answer 2

为了将html元素拉出屏幕上元素的自然流动，你需要使用position：absolute。这将允许元素成为高于其他元素的层（假设z-index值大于其他元素）。

现在你的元素似乎有位置：相对。

Answer 3

问题可能与position:relative有关。将其设置为绝对值，如果需要偏移元素，请使用margin代替top / left。

Answer 4

可能是，问题只存在于选择和IE6中吗？如果是这样，请查看answers here。

Answer 5

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

如何使div在所有其他控件之上

5 个答案: