javascript - 如何设置表格行的 z-index?

标签 javascript jquery modal-dialog

也许我想要实现的目标是不可行的,但一般的想法是当一个人点击表格行时,页面变暗(像模态一样)但保留该行以供编辑。我尝试设置表格行本身的 z-index,但它没有用。如果我将表行位置属性设置为 absolute 它将起作用,但这似乎完全从表中删除了表行。

最佳答案

我只能想到像这样更复杂的解决方案:

  1. 您需要 3 个透明的灰色 div,而不是 1 个。使用第一个将整个页面变灰。设置整个表的 z-index 使其高于该 div。使用第二个 div 将行上方的所有内容变灰,第三个 div 将行下方的所有内容变灰,仅保留行未变灰。
  2. 将整个页面变灰。创建一个包含单行的复制表,将鼠标悬停在原始表上方。当您编辑这个新表时,将这些值与基础表同步。

关于javascript - 如何设置表格行的 z-index?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3661533/

相关文章:

java - 故障排除: JDialog which is modal and yet not modal?

.net - 从 WCF/ADO.NET 数据服务中的请求正文接收参数

javascript - 仅当 View 以 Angular 加载时,无法让加载器加载。它在循环

javascript - angularjs 观看单选按钮,用于更改仅在第一次选择时工作

javascript - jQuery AJAX 响应以字符串 blob 形式出现

JqueryUI数据表设置recordsTotal

php - ckeditor 的 Bootstrap 模式问题

c# - MessageBoxes 什么时候不模态运行?

javascript - 查找网页上唯一启用的按钮

javascript - 无状态函数内的 React OnClick 不起作用