z-index不使div出现在另一个div的顶部

Question

索引和我有问题。我有这个按钮，点击它，它将显示内容，但它不会重叠前面的div如果我也试图设置其z-index点击这里是我的代码到目前为止

<script type="text/javascript">
function change()
{
    alert("Asd");
    $('#account-container').css('z-index', 11);
}

这就是它的样子

我应该怎么做的任何想法？非常感谢

Answer 1

高z-index是不够的。这两个元素都必须定义position，并且应该是absolute和/或relative。

我会将relative用于父级，将absolute用于子级（然后也使用top / left进行定位）。接下来使用z-index对两者进行游戏，其中较高的值适用于孩子（或必须位于顶部的图层）。

在大多数情况下，z-index应与position but not always一起使用。感谢Michael_B指出这一点。

Answer 2

几个指针：

• Sort = new Sort(Direction.ASC,"User.name"); 仅适用于特定情境，即z-index，relative或fixed位置。

对于absolute div，

• z-index与relative或z-index div的absolute无关。

  < / LI>

• fixed不适用于z-index定位元素（CSS3中有例外情况）。

Answer 3

重叠的内容必须具有更高的z-index值。你可以把你的代码放到jfiddle。所以我可以帮助你

Answer 4

请参阅以下链接。这应该可以帮到你： http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_zindex_div