Html 固定div上出现的模态叠加

我使用的是Tailwind CSS，我在一些CSS中遇到了这个问题，其中作为按钮的模式覆盖没有显示在设置为

固定的其他元素的顶部

下面的链接是问题的代码和名称


div的边框和标记背景位于覆盖上方

我试图设置problem div的覆盖和容器的
z-index
，但它忽略了它

这里的示例是实际页面的精简版本。尽可能多地删除不相关的内容以显示问题。
覆盖层上的z索引必须大于其他元素上的z索引。

在这里你可以看到，我用z-10表示“比利·鲍勃少年盒子”，用z-20表示覆盖层及其包装层
啊！这就是我做错的，我试过和你做的一样，我只是从来没有在顶级固定分区中添加过一个。谢谢！