Javascript 停止一个div的背景色覆盖另一个div的内容，旋转并重叠，div

编辑：jsFiddle与确切的问题

我想在标题中旋转的文字不被切断，因为它显示

所以我有一个表格，它的标题是旋转的，如下所示

现在，我试图使表格的标题保持不变，这样当我滚动时，标题就保持不变。我使用jquery插件来实现这一点

问题是，为了在滚动时正确显示表格，标题需要有白色的背景色，否则它看起来像这样

但是，如果我将

的背景色设置为白色，则该颜色与其他重叠标题的文本重叠。如下图所示，我将第4行的背景色设置为白色

有什么方法可以使th的背景色不与其他th中的文本重叠并在该th上旋转？我曾尝试将文本的z索引设置得非常高，但没有效果

HTML:

<table>
   <thead>
      <tr>
        <th></th>
        <th>Fault Finding and Testing</th>
        <th>Replacing Faulty lightbulbs</th>
        <th>Switching MCSBS MCCBs</th>
      </tr>
   </thead>
   <tbody>
      <tr>
        <td><div>Bob Bobbers</div></td>
        <td><div></div></td>
        <td><div></div></td>
        <td><div></div></td>
      </tr>
   </tbody>
 </table>

Javascript:

$(".taskApproverTable").tableHeadFixer({'left' : 1, 'head': true});

---

在每个th上设置不同的z索引，以便最左边的一个具有最高的z索引：

/**
*将可旋转的磁头设置为相互平行，并在给定的磁头上设置z索引
*表th，因此旋转时所有th文本都可见。
*最左边的th的z指数最高，最后一个th的z指数为0；
*@param tableSelector是将更改其th z索引的表的jQuery选择器
*@example
*修复所有具有taskApproverTable类的表
*将旋转的表格标题设置为彼此相对（“taskApproverTable”）；
*/
功能设置将表格磁头相互旋转（表格选择器）{
var tables=$（tableSelector）；
对于（var i=0，nrTables=tables.length；iPerhaps），您可以显示您的代码，这样我们就可以复制问题了？添加了模拟代码，实际代码非常复杂。
thead>tr{background:white；}
试试看this@OneTwo修复THAD而不是th不是更好吗？我在这里设置了一个快速提琴：我确实需要在css中添加一点以使其正常工作，但我没有看到上面描述的问题。可能是您留下的部分造成的。您可以使用所有代码示例更新此提琴，并将其附加到ma的问题中让我们的生活更容易回答。
$(".taskApproverTable").tableHeadFixer({'left' : 1, 'head': true});