好吧，这是愚蠢的：叠加和z索引

Question

我只是搞砸了，实际上写了这个jQuery代码我期望完全工作，但事实并非如此！看看：

http://jsfiddle.net/csaltyj/GxCFp/

为什么地球上不是覆盖层上方的“破坏”div？！它必须简单，但我只是没有看到它。

Answer 1

z-index仅适用于定位元素。由于您的按钮未通过CSS定位，因此z-index无效。您可以通过将#destroy的定义更改为：

来轻松解决此问题

#destroy {
    z-index: 9001;
    position: relative;
}

Answer 2

实际上并非那么简单......它与堆叠上下文https://developer.mozilla.org/en/Understanding_CSS_z-index/The_stacking_context

有关

添加'position：relative;' #destroy将使其按预期工作

Answer 3

修复：http://jsfiddle.net/GxCFp/12/

z-index仅适用于非静态定位元素。

Answer 4

为什么你出于好奇而采取这条路线，而不是在div中包含销毁按钮？

http://jsfiddle.net/GxCFp/18/