Javascript 如何设置表行的z索引？

也许我试图实现的是不可行的，但一般的想法是，当一个人单击一个表行时，页面会变暗（像一个模式），但该行仍可见，可以进行编辑。我尝试设置表行本身的z索引，但没有成功。如果我将table rows position属性设置为

absolute

，它将起作用，但这似乎会从表中完全删除表行。

如果使用jQuery，请尝试以下操作：

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

$（“”）css（“z-index”）；

我认为使用z-index无法达到预期效果。使用overlay div来屏蔽表行周围的所有内容似乎是一种更可行的方法。

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

您将需要3个透明的灰色div，而不是1个。使用第一个选项使整个页面变灰。设置整个表的z索引，使其位于该div之上。使用第二个div灰显行上方的所有内容，使用第三个div灰显行下方的所有内容，只保留行未灰显

把整页涂成灰色。创建一个重复表，其中一行悬停在原始表上方。编辑此新表时，请将这些值与基础表同步

---

我刚才已经成功地使用

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

所以，简言之，位置：相对似乎工作

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

---

*-派克

我没有答案-但是你有没有尝试设置行内所有单元格的索引，而不是行？你读了整个问题还是只是回答了标题？我读了标题，只是粗略地看了一下整个问题。但这只是因为标题非常具体地说明了所需的内容。作为暗显的建议，您是否可以创建一个模式对话框并用行数据填充它？那会更干净、更“能干”。我开始认为这是唯一的方法。另外，尝试在表上放置一个隐藏的div，用行填充它，并调整其z索引，使其位于表的顶部。我发现了一个类似的解决方案，将z索引和相对定位应用于行中的每个TD，用于跨浏览器兼容性。否则，我发现TR只在Firefox中起作用。而TD方法在Chrome、Firefox和IE中都能起作用。