css - 表中行的灯箱或模态样式效果

Question

我有一个显示一些信息的表格(使用 datatables.js 呈现)。

当用户点击行中的按钮时，我会打开(添加一个新的 tr)表格。

然后我在新行中显示一些字段，包括确认/取消按钮。

我想做的是让用户输入保持在该行并禁用给定父 div 的所有内容，不包括新行。

只能想到用z-index，把tr设为高z-index，在parent position:absolute, 0,0处添加一个新的div。这是正确的方法吗？给 tr 一个高 z 索引是否正确？

使用 HTML5/CSS3 (Jquery)

谢谢

山姆

Answer 1

这可以通过多种方式完成。这是一个。

http://jsfiddle.net/Ktk9U/