z-index问题

Question

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

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

完整的HTML位于this pastebin。

Answer 1

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

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