javascript - CSS:为什么 "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。

我会为 parent 选择 relative，为 child 选择 absolute(然后也使用 top/left 来位置)。接下来对两者都使用 z-index，其中较高的值用于子级(或必须位于顶部的层)。

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