div 阴影和 Z 索引的问题

Question

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

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

这是有问题的演示（最好用 firebug 检查）

我尝试设置顶部栏的 z-index 但没有运气。 我还尝试设置 jquery 滚动条 div 的 z-index - 有效，但它破坏了单击表行的能力。

我制作了我正在谈论的内容的小图像:)

Answer 1

如果不首先将顶部栏的位置设置为相对或绝对位置，则无法设置顶部栏的 z 索引。应用“位置：相对；” #content-placeholder 修复了我的问题。

Answer 2

这对我在萤火虫中有用。

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;
}