html - 获取叠加层以立即显示在所选表格行的下方(无 JS)

Question

开始之前——我知道我们可以用 JS 定位来做到这一点。我正在尝试看看我们是否可以避免 JS 定位。

您可以在此处看到一个近似值——我现在使用 top:nnn 值强制/模拟覆盖定位(它在 jsfiddle 中有点偏离)。

我想要做的是将该叠加层的顶部设置为与所选表格行的底部对齐。再次——我们现在使用具有固定值的 top 来模拟它，但是应该有一种 CSS 方法来设置它吗？

我确实尝试过 tr.isSelected:after {...} 类型的东西，但没有按预期工作。

Answer 1

尝试使用 tr.isSelected>td:first-child，属性包括 position:absolute。

不过，我不确定重点是什么...类切换只能使用 JavaScript 完成，所以如果您已经在使用 JS，那么使用它来计算位置有什么坏处？