div shadow和Z-index问题

Question

我正在创建一个将通过ajax加载到另一个页面的页面。它有一个顶部栏和一个位于jquery滚动条插件内的桌子。

我似乎遇到的问题是顶栏在它下方有一个阴影，你只能在下面的表格滚动到白色行时看到它们（因为它们没有背景）。

Here is the demo in question（最好用萤火虫检查）

我试着设置顶栏的z-index而没有运气。 我也试过设置jquery滚动条div的z-index - 哪个有效，但它打破了点击表行的能力。

我对我正在谈论的内容做了一点形象：）

Answer 1

这对我来说是萤火虫。

table.tablesorter tbody tr.odd {
    box-shadow: 0 0 5px 0 #BABABA;
    position: relative;
    z-index: -1;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #EAEAEA;
    border: 1px solid #FFFFFF;
    font-size: 8pt;
    padding: 4px;
    position: relative;
    z-index: -1;
}

Answer 2

如果不将顶部栏的位置设置为相对或绝对位置，则无法设置顶栏的z-index。应用“位置：相对;” ＃content-placeholder将它修复给我。