html - z-index 较高的 div 出现在 z-index 较低的 div 后面

Question

我有这样的东西

<div class="target" style="z-index: 4000;"></div>
<div class="token_source" style="z-index: 2000;">
    <div class="token" style="z-index: 10000;"></div>
</div>

现在我可以将令牌拖入目标。当我将令牌拖到目标上时，令牌出现在目标后面，这不正确地看到令牌的 z-index 如何大于目标 z-index。如果我删除 token_source z-index，那么一切正常。我知道我在这里遗漏了一些非常明显的东西。有人可以帮帮我吗？

Answer 1

例如，将位置添加到您的 div

.target,token_source,token{position:absolute;}