¿Cómo configuro el índice z de una fila de la tabla?

Question

Quizás lo que estoy tratando de lograr no sea factible, pero la idea general es que cuando una persona hace clic en una fila de la tabla, la página se atenúa (como un modal) pero deja esa fila visible para su edición. Intenté configurar el índice z de la fila de la tabla, pero no funcionó. Funcionará si configuro el atributo de posición de las filas de la tabla en absolute, pero eso parece eliminar por completo la fila de la tabla de la tabla.

Answer 1

sólo puedo pensar en soluciones más complejas como éstas:

1. que necesitará 3 divs grises transparentes en lugar de 1. Utilice el primero en poner en gris toda la página. Establezca el índice z de toda la tabla para ponerlo encima de ese div. Usa el 2º div para oscurecer todo lo que esté sobre tu fila, y el tercero para poner gris todo debajo de tu fila, dejando solo la fila sin grises.
2. Gris toda la página. Cree una tabla duplicada con una sola fila que pase el cursor sobre la tabla original. Cuando edite esta nueva tabla, sincronice esos valores con la tabla subyacente.

Answer 2

Si estás usando jQuery, intente esto:

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

Answer 3

No creo que usted será capaz de lograr el efecto deseado con z-index. El uso de divs superpuestos para enmascarar todo alrededor de la fila de la tabla parece un enfoque más viable.

Answer 4

que he hecho con éxito esta ahora usando

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

así, en definitiva, position: relative parece funcionar?

Debo admitir que vine aquí porque todavía tengo algunos problemas extraños. pero, en general, parece que funciona?

* -pike