Ant-design-mobile: Modal 遮罩层的层级在ios上有问题

[hqwlkj]

• [ ] I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://codepen.io/hqwlkj/pen/bOjqPJ?&editable=true&editors=001

请使用 Safari 浏览器查看本链接

Steps to reproduce

在页面使用 Modal 布局好一个弹窗提示信息，再在这个 Modal 上触发一个 Modal.alert() 提示函数，这时你会发现 Modal.alert()的遮罩曾没有体现出来，在 Chrome 浏览器中没有问题。

What is expected?

每一个 Modal 是独立，不要相互影响。

What is actually happening?

受 Modal mask 样式层级影响。

| Environment | Info |
|---|---|
| antd | 2.2.6 |
| React | 16.5.1 |
| System | Mac OS |
| Browser | Safari 浏览器 12.0.2 |

---

具体问题看issue补充的截图。

Chrome 效果（期望效果）：

Safari 效果（不正常的效果）：

[hqwlkj]

@warmhug 能否及时处理一下？

[IamDLY]

兄弟，这个问题解决没？

[hqwlkj]

自己重写样式处理的。

[yytt968]

有可能是在safair浏览器中，webkit-overflow-scrolling: touch;这个属性引发的zIndex值不正常。

[yytt968]

是.am-modal-wrap下的transform: translateZ(1px);影响的。

[duwenbin0316]

是.am-modal-wrap下的transform: translateZ(1px);影响的。

同时解决了IOS下模态框内容无法滚动的问题，赞👍