Html CSS位置粘性和Z索引覆盖/模式

我的位置有问题：粘性和z指数

我希望粘滞元素中的模态被覆盖层覆盖。 使用位置：相对它工作：模式在覆盖之前。但是当我使用Sticky时，模态在覆盖层后面

希望我的意思可以理解。 下面是一个例子：

.sticky{
位置：粘滞；/*当您设置
位置：相对时，
.modal
元素相对于主体，因为它具有
位置：固定
。因此，z索引值1000将其置于前景

当您使用
定位：sticky
时，
.sticky
元素被定位为默认的z索引值。因此，它将自己定位在背景中，因为
.overlay
的z索引值为999。
.modal
是
.sticky
的子元素，它将永远无法在
.overlay
前面

您必须更改HTML的结构，或者只需在
.sticky
元素上添加一个z索引。
您介意添加一个示例来说明它的外观吗？如下所示：（位置：sticky替换为relative）