Div正在铺设绝对定位元素。如何将元素放在div之上？

Question

我在页面上有几个控件。其中一个是按钮，另一个是div宽度：100％。按钮的位置为：绝对。

我的按钮CSS - 现在只是玩它：

.toggleButton
{
    z-index: 99999999px;
    position: absolute;
    margin-top: 2px;
    right: 130px;
}

自动生成div，但这是计算出的样式：

background-color: transparent;
clear: both;
color: dimGray;
display: block;
font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 11px;
height: 26px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
min-height: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
width: 1026px;

我想知道如何将按钮放在div上。在当前状态下，无法在所有位置单击按钮。我不打算限制div的宽度，只需将按钮放在它上面即可。

Answer 1

z-index不是px单位。因此，将div的z-index设置为1，并将按钮的z-index设置为20。

.toggleButton
{
    z-index: 20;
    position: absolute;
    margin-top: 2px;
    right: 130px;
}

我需要一个参考资料，但我很确定z-index的上限为100，所以像9999999那样时髦的大数据只被认为是100。