如何设置表格行的z-index？

Question

也许我想要实现的目标是不可行的，但一般的想法是当一个人点击一个表格行时，页面会变暗（如模态），但会将该行显示为可编辑。我尝试设置表行本身的z-index但它不起作用。如果我将表行位置属性设置为absolute但它似乎完全从表中删除表行，它将起作用。

Answer 1

我只能想到更复杂的解决方案：

1. 您将需要3个透明灰色div而不是1.使用第一个灰显整个页面。设置整个表的z-index以使其高于该div。使用第二个div可以清除行上方的所有内容，第三个使灰色显示行下方的所有内容，只留下您的行不灰色。
2. 灰色整个页面。创建一个重复的表，其中包含一个悬停在原始表上方的行。编辑此新表时，请将这些值与基础表同步。

Answer 2

如果你正在使用jQuery，试试这个：

$("<get the tr>").css("z-index", <value>);

Answer 3

我刚刚使用

成功完成了这项工作

div.milk { position:absolute; z-index:2; width:100%; height:100%; opacity:.5; }
tr.raised { position:relative; z-index:3; }

所以，总之，位置：亲戚似乎有用吗？

我必须承认，我来到这里是因为我还有一些奇怪的问题。 但总的来说它似乎有用吗？

* - 矛

Answer 4

我认为你不能用z-index完成你想要的效果。使用叠加div来掩盖表行周围的所有内容似乎是一种更可行的方法。