出现在固定 div 上的模态叠加答案

【问题标题】：Modal overlay appearing over fixed div出现在固定 div 上的模态叠加
【发布时间】：2019-12-16 17:35:34
【问题描述】：

我正在使用 Tailwind CSS，但在某些 CSS 中，作为按钮的模态覆盖不会出现在设置为 fixed 的其他元素的顶部。

以下链接是问题的代码和here is the preview。

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

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

此处的示例是实际页面的精简版。尽可能多地删除它们以显示问题。

【问题讨论】：

【解决方案1】：

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

在这里您可以看到我使用 z-10 表示“billy bob Junior box”，使用 z-20 表示覆盖层及其包装

【讨论】：