2

使用示例 Foundation显示模式,我得到一个被叠加层遮挡的对话框。我发现不可能让对话框显示在叠加层的顶部。我已将对话框和叠加层的 z-index 分别操作为 1006 和 1,但叠加层仍然遮盖了对话框。根据检查工具 (Chrome),覆盖 div 的 z-index 为 1005,对话框 div 默认为 1006,因此覆盖不应遮挡对话框 div。到底是怎么回事?我也在 Firefox 中对此进行了测试,结果同样糟糕。作为一种解决方法,我更新了我的 css 覆盖以隐藏覆盖使用:

.reveal-overlay {
display: none !important;

}

但我想让覆盖层向用户表明他们必须处理模态对话框。

4

1 回答 1

2

经过大量实验,解决方案非常简单。将模态 div 放在主体的最底部。突然间它起作用了。

于 2016-02-24T16:14:28.823 回答