z-index的问题

Question

我正在尝试使用z-index对一个按钮和一个div进行分层。按钮出现在div的后面，而根据z-index，它应该在它的前面。下面是Firebug捕获的与button & div关联的样式元素：

请注意，按钮的z-index为2，div的z-index为1，两者都是position:relative。

完整的超文本标记语言在this pastebin中。

Answer 1

z-index是一个相对值，而不是绝对值。

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

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索引彼此无关。