燈箱或表格中的行的模式風格效果

我有一個表（使用datatables.js呈現）顯示一些信息。燈箱或表格中的行的模式風格效果

當用戶點擊行中的按鈕時，我打開（它添加一個新的tr）到表中。

然後我會在新行中顯示一些字段，包括確認/取消按鈕。

我想要做的是讓我可以保持行上的用戶輸入，並禁用與給定的父div，不包括新行的一切。

我只能想到使用z-index，使tr成爲一個高z-索引並向父位置添加一個新的div：absolute，爲0,0。這是否是正確的方法？給予高z指數是否正確？

使用HTML5/CSS3（jQuery的）

感謝

SAM

你能告訴我們你的代碼嗎？ – zenkaty

這可以以多種方式來完成。這是一個。

2012-08-29 01:36:23 3coins

感謝3coins，使用你的例子，使它適用於其他行比最後一個。可以將td中div的z-index設置爲高於表格外的其他元素嗎？ http://jsfiddle.net/vAL8K/8/ – sambomartin

你可能只想有一個新的div和表，只有新行。你還需要一個覆蓋層，它覆蓋除了這個div以外的所有其他東西，增加div的z-index，使它覆蓋覆蓋層。然後一旦數據得到確認，您就可以用表格銷燬新的div並從中提取數據到原始表格中。 – 3coins

回答