Как мне установить z-индекс строки таблицы?

Question

Может быть, то, что я пытаюсь сделать, неосуществимо, но общая идея состоит в том, что когда человек щелкает строку таблицы, страница тускнеет (как модальная), но оставляет эту строку видимой для редактирования.Я попытался установить z-индекс самой строки таблицы, но это не сработало.Это будет работать, если я установлю атрибут позиции строк таблицы на absolute, но это, похоже, полностью удалит строку таблицы из таблицы.

Answer 1

Я могу думать только о более сложных решениях, подобных этим:

1. Вам понадобятся 3 прозрачных серых делителя вместо 1. Используйте первый, чтобы затемнить всю страницу серым цветом. Установите z-index для всей таблицы, чтобы он был выше этого div. Используйте 2-й делитель, чтобы затенить все, что находится над строкой, и третий, чтобы затенить все, что находится под строкой, оставив только ваш ряд не серым.
2. Серая вся страница. Создайте дублирующую таблицу с одной строкой, которую вы наведете выше исходной таблицы. При редактировании этой новой таблицы синхронизируйте эти значения с базовой таблицей.

Answer 2

Если вы используете jQuery, попробуйте это:

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

Answer 3

Я успешно сделал это только сейчас, используя

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

Итак, вкратце, позиция: родственник, кажется, работает?

Должен признать, я пришел сюда, потому что у меня все ещенекоторые странные проблемы.но в целом это похоже на работу?

* - щука

Answer 4

Не думаю, что вы сможете достичь желаемого эффекта с помощью z-index. использование оверлейных дивов для маскирования всего вокруг строки таблицы выглядит более подходящим подходом.