Html 由于背景色，悬停时的表列不工作

我得到了这个CSS代码，它在悬停时突出显示列和行。它工作得很好。但是，我在DIV上有一个背景色作为UI设计的一部分。我无法摆脱它，它显示在绝对位置的顶部，z索引为负数，因此悬停效果停止显示。如何保持背景色并使其正常工作

.size{
背景色：#eee；
填充：50px0；
}
桌子{
溢出：隐藏；
显示：内联块；
}
运输署，
th{
边框：1px实心#999；
填充：10px；
位置：相对位置；
}
th{
背景色：#fff；
}
td:hover:：before{
背景色：#eee；
内容：''；
身高：100%；
左：-5000px；
位置：绝对位置；
排名：0；
宽度：10000px；
z指数：-2；
}
td:hover:：after{
背景色：#ffa；
内容：''；
高度：10000px；
左：0；
位置：绝对位置；
顶部：-5000px；
宽度：100%；
z指数：-1；
}

大小
xxs
xs
s
M
L
xl
脖子
14
14.5
15
15.5
16
16.5
胸部
18
19
20
21
22
23
长度
26.5
27
27.5
28
28.5
29
腰
17.5
18.5
19.5
20.5
21.5
22.5
袖子
32.75
33
33.25
33.5
33.75
34

有点老套的解决方法-

.size {
  background: rgba(0, 0, 0, 0.06);
  padding: 50px 0;
}

---

rgba（0,0,0,0.06）；和#eeeeee是相同的灰色，但第一种实际上是一种几乎透明的黑色。这将允许您继续在后台查看悬停效果，而不会在解决z索引问题时遇到问题。不过，更好的解决方案是解决z索引问题，但以防万一不行。

这是一个有点老套的解决方法-

.size {
  background: rgba(0, 0, 0, 0.06);
  padding: 50px 0;
}

rgb = '#eee';
a = '0.5';
rgba='('+parseInt(rgb.substring(1,3),16)+','+parseInt(rgb.substring(3,5),16)+','+parseInt(RGB.substring(5,7),16)+','+a+')';

---

rgba（0,0,0,0.06）；和#eeeeee是相同的灰色，但第一种实际上是一种几乎透明的黑色。这将允许您继续在后台查看悬停效果，而不会在解决z索引问题时遇到问题。不过，更好的解决方案是解决z指数问题，但是以防万一，你不能。你有没有试过把z-index编辑成5表示

td:hover:：before

和10表示

td:hover:：after

？这会覆盖文本。你有没有试过把z-index编辑成5表示

td:hover:：before

和10表示

td:hover:：after

？这会覆盖文本。

rgb = '#eee';
a = '0.5';
rgba='('+parseInt(rgb.substring(1,3),16)+','+parseInt(rgb.substring(3,5),16)+','+parseInt(RGB.substring(5,7),16)+','+a+')';