z-index问题

Question

我正在尝试使用z-index来分层按钮和div。该按钮显示在div的后面，而根据z-index，它应该在它的前面。这是Firebug捕获的与button＆div相关联的样式元素：

请注意，按钮的z-index为2，div的z-index为1，并且两者均为position：relative。

完整的HTML在此pastebin中。

Answer 1

z-index是相对值，不是绝对值。

z索引为100亿的对象将不会出现在页面上所有元素的顶部，而只会出现在同一堆叠上下文中的其他元素的顶部

http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex

http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp

在您发布的CSS层次结构中，按钮和div看起来包含在不同的元素（#note18和#note19）中，因此您必须确保这些元素没有创建不同的堆叠上下文，这将使元素的任何z-index它们内部彼此无关。