模式叠加出现在固定 div

Modal overlay appearing over fixed div

我正在使用 Tailwind CSS,我遇到了一些 CSS 的问题,其中作为按钮的模态叠加层不会出现在其他设置为 [= 的元素的顶部11=].

下面link是问题的代码和here is the preview

https://codesandbox.io/s/tailwind-css-vre8j

div 的边框和标签背景在叠加层之上

我尝试设置问题 div 的叠加层和容器的 z-index 但它忽略了它。

此处的示例是实际页面的精简版。尽可能多地删除不相关的内容以显示问题。

叠加层上的 z-index 必须大于其他元素上的 z-index。 https://codesandbox.io/s/tailwind-css-hdx75

在这里你可以看到我使用 z-10 作为 "billy bob junior box" 和 z-20 作为叠加层及其包装器