iOS 中的基础模态出现在显示背景后面

Question

我正在尝试在单击按钮时显示确认模式。模式出现，但在 'grays out' 页面其余部分的背景后面。

Relevant CSS:
.reveal-modal-bg {
  background: rgba(0,0,0,.75);
  z-index:2000;
}

.reveal-modal {
  border-radius:7px;
  border:none;
  padding:20px;
  z-index:9999;
}

如您所见，z 索引设置正确。在 Chrome 中模态框在桌面上正确显示，但是在 iOS 9 中使用 Safari 会导致模态框显示不正确。谁能告诉我如何将它恢复到后台？提前谢谢你

Answer 1

这对我有用

.reveal-modal { 
   z-index:2000 !important;
   -webkit-transform: translate3d(0,0,1px);
   transform: translate3d(0,0,1px);
}

iOS 中的基础模态出现在显示背景后面

Foundation modal appears behind reveal background in iOS

ios

css

zurb-foundation-5