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;}