基础6揭示叠加

Question

使用示例Foundation reveal modal我得到一个被叠加层遮挡的对话框。我发现无法在叠加层顶部显示对话框。我已经将对话框和叠加层的z-index分别设置为1006和1，并且叠加层仍然遮盖了对话框。根据检查工具（Chrome），叠加div的z-index为1005，默认情况下对话框div为1006，因此叠加层不应遮挡对话框div。到底是怎么回事？我也在firefox中测试了这个，效果相同。作为解决方法，我已使用以下内容更新了我的css overides以隐藏叠加层：

.reveal-overlay {
display: none !important;

}

但是我希望让覆盖图向用户表明他们必须处理模态对话框。

Answer 1

经过多次实验，解决方案非常简单。将模态div放在身体的最底部。突然间它奏效了。