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

Question

我正在尝试在单击按钮时显示确认模式。模态框出现了，但在页面其余部分“变灰”的背景后面。

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);
}