检查表格中的复选框会使tablerow与thead的box-shadow重叠

Question

我在thead的底部有一个带阴影的表格。它完美地工作，直到我添加了表的复选框。现在，当我检查任何复选框，然后将鼠标悬停在表格行上。表格行与thead的box-shadow重叠。

该片段正在表演，所以我在这个小提琴中重建了这个问题：https://jsfiddle.net/FllnAngl/m81atv4t/1/

我在thead下面给了background-color:transparent以下的所有东西，但我似乎无法修复它，我想知道你们中是否有人可以帮助我。

表格如下：

我知道它看起来是无关紧要的，但我只是想确保你得到正确的想法。

我在ASP.NET MVC 5 Razor中进行编程，因此重建看起来与图像不同。但问题仍然存在。我也在使用Bootstrap 3.3.7

注意：这似乎只发生在Chrome

中

修改 问题看起来像这样：