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 但不总是.感谢Michael_B指出这一点.