Как спозиционировать по оси Z элементы, сдвинутые через transform: translateX и translateY?

Question

[sanex3339]

Делаю прилепающие к границам экрана (при скролле) ячейки таблицы в THEAD и 1-й колонке. Двигаю через translateY для TH внутри THEAD и translateX для всех первых TD внутри TR. Но по оси Z эл-ты не позиционируются корректно.

Как спозиционировать по оси Z элементы, сдвинутые через transform: translateX и translateY?
Задание разных значений Z в translate3d(x, y, z) не помогает.

Вот пример: https://jsfiddle.net/q4vsnhvf/5/
Сдвинутые ячейки THEAD должны быть НАД ячейками столбца.

Comments

[sanex3339]

up

Answer 1

[devstudent]

позиционирование по оси Z не работает , если элементу не проставлено свойство position(relative, absolute). можно потом прописать сдвиг не в транслейт а в z-index даже

Comments

[sanex3339]

ну, я пробовал с position: relative, результата нет https://jsfiddle.net/q4vsnhvf/7/