div阴影和Z-index问题

Question

我正在创建一个页面，该页面将通过ajax加载到另一个页面中。 它有一个顶部栏和下面的表格，位于jQuery滚动条插件内部。

我似乎遇到的问题是， 顶部栏下方有一个阴影，只有在下表滚动到白色行（由于它们没有背景而为白色）时，您才能看到该阴影。

这是有问题的演示 （最好与Firebug一起检查）

我尝试设置顶部栏的z索引没有运气。 我还尝试设置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固定给我。