带背景色的td设置相对定位后部分边框显示不出来

今天在项目中处理表格的过程中遇到了一个让我非常头疼的问题，在火狐浏览（Firefox）器下表格的上边框和下边框消失了，在这里我将我的解决过程记录下来方便回头查看

tr.bgColorTr{
    position: relative;
    background-color: #f2f2f2;
    font-weight: 600;
    color: #666;
}

当我这么写的时候，页面显示我的 .bgColorTd 行的下边框和右边框显示不出来，于是我开始上网寻找解决方案
1.第一种使用background-clip属性规定背景的绘制区域

tr.bgColorTr{
    background-clip: padding-box;
 }

虽然这种方法在我的项目中不起作用，但是我想说一下background-clip属性的值分辨代表的含义border-box表示背景被裁剪到边框 padding-box表示背景被裁剪到内边距 content-box表示背景被裁剪到内容
2.第二种使用z-index:-1

tr.bgColorTr{
    z-index:-1;
 }

这种方法虽然有效果，但是背景颜色消失了，这不是我想要的最终效果
3.第三种方法最简单，因为我是给表头设置的颜色，表头有没必要设置相对定位，所以只要去掉表头的定位设置就好了

tr.otherTr{
    position: relative;
    background-color: #f2f2f2;
    font-weight: 600;
    color: #666;
 }