html - 具有背景色的容器 div 隐藏表格单元格

Question

我试图制作一个 tr 悬停样式，将框阴影效果应用于您悬停的行，我发现如果我将表格放在一个 div 中，我所做的解决方案将不起作用有背景颜色。这显然是因为 td 有一个 z-index : -1，但这是我发现使 box-shadow 起作用的唯一方法。

有什么想法可以让表格出现，并在悬停时保持框阴影样式吗？

我在这里转载: https://jsfiddle.net/pjz43a52/5/

Answer 1

我想你想设置鼠标悬停时出现 td，对吧？只需再添加一行，当您悬停时将 z-index 重置为大于 0。

表 tr:hover { z-index: 1;