需要帮助将模态元素全屏显示在固定 header 上

Question

我有一个大问题，我正在使用页面构建器创建四个按钮，每个按钮一个模式。我想在 FIXED header 上全屏显示模态。我哪里错了？

实际图像： 期望图像：

如果想看 css，页面有 link：

我试过 z-index、overflow-y，但似乎没有任何效果。非常感谢

Answer 1

首先确保 header 的 z-index 低于模态框，然后确保模态框的显示设置为固定 display: fixed;，width/heigh 为 100% .

如果您希望它占据整个视口，请记住将 top/bottom 设置为 0。