Comment définir l'index z d'une ligne de table?

Question

Peut-être que ce que j'essaye d'accomplir n'est pas faisable mais l'idée générale est que quand une personne clique sur une rangée de table, la page s'assombrit (comme un modal) mais laisse cette rangée visible pour éditer. J'ai essayé de régler l'index z de la rangée de la table elle-même, mais cela n'a pas fonctionné. Cela fonctionnera si je mets l'attribut de position de lignes de table à absolute mais cela semble enlever complètement la rangée de table de la table.

Answer 1

Je ne peux penser à des solutions plus complexes comme celles-ci:

1. Vous aurez besoin 3 divs gris transparent au lieu de 1. Utilisez le premier à gris sur toute la page. Réglez l'index z de toute la table pour l'amener au-dessus de ce div. Utilisez la 2ème div pour griser tout ce qui est au-dessus de votre rangée, et la troisième pour griser tout ce qui se trouve au-dessous de votre rangée, ne laissant que votre rangée non grisée.
2. Efface la page entière. Créez une table en double avec une seule ligne que vous placez au-dessus de la table d'origine. Lorsque vous modifiez cette nouvelle table, synchronisez ces valeurs avec la table sous-jacente.

Answer 2

Si vous utilisez jQuery, essayez ceci:

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

Answer 3

je ne pense pas que vous serez en mesure d'accomplir l'effet désiré avec z-index. L'utilisation de divs overlay pour masquer tout autour de la ligne de la table semble être une approche plus pratique.

Answer 4

Je l'ai fait avec succès ce juste en utilisant maintenant

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

donc, en bref, la position: relative semble fonctionner?

Je dois admettre que je suis venu ici parce que j'ai encore des problèmes étranges. mais dans l'ensemble cela semble fonctionner?

* -pike