IOS浏览器上的Z-index问题，但Android浏览器上没有

Question

单击菜单按钮时，下拉菜单会与现有视图混合。它本来应该是现有的观点，没有混淆。我也提到了这个解决方案但无济于事： Z-index issue on iOS Safari & Chrome

这是用于导航的CSS：

#nav .nav.navbar-nav {
  padding: 0;
  margin: 0;
  list-style: none;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  z-index: 999;
}

这适用于桌面浏览器和Android浏览器，但不适用于iphone浏览器。 我还尝试增加z-index和-webkit-transform: translate3d(0,0,999px);，但没有任何效果好。 任何解决方案都将受到高度赞赏。