javascript - Foundation 6 揭示了类似于覆盖层的模态行为以及被覆盖层遮挡的模态框

Question

使用示例 Foundation reveal modal我看到一个被覆盖层遮盖的对话框。我发现不可能让对话框显示在覆盖层顶部。我已将对话框和覆盖层的 z 索引分别设置为 1006 和 1，但覆盖层仍然遮盖了对话框。根据检查工具 (Chrome)，默认情况下，覆盖层 div 的 z 索引为 1005，对话框 div 的 z 索引为 1006，因此覆盖层不应遮挡对话框 div。到底是怎么回事？我也在 Firefox 中对此进行了测试，结果同样糟糕。作为解决方法，我更新了 css overides 以使用以下命令隐藏覆盖层:

.reveal-overlay {
display: none !important;

}

但我希望覆盖层向用户表明他们必须处理模式对话框。

Answer 1

经过多次实验，解决方案非常简单。将模态 div 放置在正文的最底部。突然间它就起作用了。