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

标签 html css overlay z-index css-tables

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

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

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

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

最佳答案

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

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

关于html - 获取叠加层以立即显示在所选表格行的下方(无 JS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15115278/

相关文章:

html - <div >'s not appearing in a ' 堆栈'

html - CSS "if wrap then fit-width children"

java - 如何在OSM中获取点击的ItemizedIconOverlay的索引

android - 如何在 MapView 中绘制显示行车方向的箭头?

iphone 4 - 如何在视频顶部录制视频覆盖?

html - 如何垂直拆分表格单元格

javascript - 根据当前大小(根元素)增加 javascript 中根元素的字体大小

javascript - 悬停/鼠标悬停时背景图像消失,菜单在 IE 中不起作用

javascript - 按钮文本不显示在 safari 中,显示在 chrome 中

html - 悬停时不显示下拉菜单