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

【问题标题】：div with higher z-index appears behind div with lower z-indexz-index 较高的 div 出现在 z-index 较低的 div 后面
【发布时间】：2013-07-11 10:35:23
【问题描述】：

我有这样的事情

<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，那么一切正常。我知道我在这里遗漏了一些非常明显的东西。谁能帮帮我？

【问题讨论】：

父z-index，token_source优先于子token。所以 2000
我确定这与嵌套在较低的 z-index 内有关
你不能。您必须修改文档的结构。
@ShaggyInjun 你没有。您可以更改 zindexes 或重组您的 html。
您是否将 CSS 位置设置为相对或绝对？

标签： html css

【解决方案1】：

例如为您的 div 添加位置

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

【讨论】：

是的，这就是我在问题评论中的意思。也许这会对你有所帮助：stackoverflow.com/questions/10322868/…
@Abdul，感谢您的回答，但这确实不是一个选择。我已经在使用position:absolute，如果我将它添加到这些 div 中，它会破坏视图。相反，我选择在拖动标记时使用 javascript 删除 token_source 上的样式，然后在拖动完成后将它们添加回来。