Html 如何更改表格元素中的元素堆叠顺序？

像下面的演示一样，第一列默认覆盖表中的第一行，如何将其更改为第一行覆盖第一列

我尝试使用

z-index

，但是

元素不能设置为

位置：相对，是否仍要执行此操作


thead{
背景颜色：黄色；
变换：translateY（20px）；
z指数：10；
}
tbody>tr>td{
背景颜色：灰色；
}
tbody>tr>td：第一个孩子{
背景颜色：橙色；
转换：translateX（10px）；
}

头
数
1.
1.
2.
2.
3.
3.
使用
位置：相对和
z-index:-1到第一个


thead{
背景颜色：黄色；
变换：translateY（20px）；
z指数：10；
}
tbody>tr>td{
背景颜色：灰色；
}
tbody>tr>td：第一个孩子{
背景颜色：橙色；
转换：translateX（10px）；
位置：相对位置；
z指数：-1；
}


头
数
1.
1.
2.
2.
3.
3.
我希望这就是您要找的。移除
转换：translateY（20px）从
thead
添加
transform:translateX（10px）
添加到
thead


thead{
背景颜色：黄色；
转换：translateX（10px）；
z指数：10；
}
tbody>tr>td{
背景颜色：灰色；
}
tbody>tr>td：第一个孩子{
背景颜色：橙色；
转换：translateX（10px）；
}

头
数
1.
1.
2.
2.
3.
3.
这是什么意思？我想设置
z-index:-1
并不是一个好的选择，同时-1将获取
主体下的元素。可以上下使用一些正值，而不是负值。第一列将被其他列覆盖。你能解释一下吗？不，我只是想用一个冻结列和行来制作表格，滚动时第一行需要覆盖第一列。so
transform:translateY（20px）是正确的，不需要修改。请解释一件事。第一行有两列，滚动时是否将两列都放在顶部？或者在滚动粘贴
第一列和
第一行时只粘贴一列。使用HTML DOM很难实现。您需要更改DOM，如标题行、边栏列和表内容。否则，您的数据将重叠，看起来像一个mess@G-Cyr我只想做一张冰冻的colunm和row的桌子（粘贴
第一列
和
第一行
，滚动时第一行需要覆盖第一列。正确的堆叠顺序应该是
第一行
第一列
其他单元格
）。