在CSS中，z-index属性决定了元素的堆叠顺序。具有更高z-index值的元素会显示在具有较低z-index值的元素之上。然而，这只适用于同一堆叠上下文中的元素。
堆叠上下文是HTML元素的三维概念，每个堆叠上下文都有自己的私有堆叠顺序，其中的元素在布局时会被视为一个整体。堆叠上下文可以嵌套，外部堆叠上下文不会影响内部堆叠上下文的堆叠顺序。
创建新堆叠上下文的一种方式是为元素设置position: relative、position: absolute或position: fixed，并且z-index值不是auto。另一种方式是为元素设置position: sticky和z-index值不是auto。
即使position: sticky元素的z-index值是10000，而position: fixed元素的z-index值是1000，position: fixed元素也可能会显示在position: sticky元素之上。这可能是因为这两个元素处于不同的堆叠上下文中。
为了解决这个问题，你需要确保这两个元素在同一堆叠上下文中。你可以尝试将这两个元素移动到同一父元素中，并为父元素设置创建新堆叠上下文的属性。例如，你可以为父元素设置position: relative和z-index: 0。
