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