具有较高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;}