有问题的网站：americandream.org.es/en下拉菜单内容会淹没在iPad和Safari
我一直对这个bug两天了。我的主要导航栏有几个可下载内容的可点击按钮。在Chrome桌面版（我设计的桌面版）上，无论您如何调整窗口大小（响应地适应桌面，iPad和移动显示模式），这都可以正常工作，Firefox和Internet Explorer也适用于桌面。该移动版本在iPhone 5上的Safari，Chrome和Firefox上也可以很好地工作。
但是，在我测试过的任何浏览器（Firefox，Chrome或Safari）中点击实际iPad时不会出现下拉内容，它也不出现在Safari的桌面上。尽管下拉内容显示在Chrome浏览器中用于桌面，但Chrome的调试器也不会显示下拉内容，但会显示一个框，其中应显示下拉内容。
我可以在Chrome调试器中看到类.dropdown-content.show在点击时确实激活并从display: none更改为display: block，但它只是隐藏在其他页面内容之后。当我删除所有其他页面内容时，我可以看到下拉内容确实正在切换并正确显示。
因此，我推断这个问题与iPad上的Safari和iOS上的某些浏览器如何理解z-index有关？导航栏有一个z-index: 9999，其中.dropdown-content应该继承，但我知道z-index更多的是最大的数字总是显示在最上面。
但究竟是什么错误，我该如何解决？我曾尝试手动指定opacity: 1和z-index: 9999为.dropdown-content，并且我尝试将-webkit-transform: translate3d(0,0,0)黑客描述为here和here以覆盖iPad并强制硬件加速，但也许我没有正确实施该黑客？我的显示设置在导航栏CSS中设置错误吗？我也很困惑，如何在iPhone上的每个浏览器中使用完全相同的javascript和显示设置，但iPad上没有浏览器。
任何洞察力是赞赏。我刚刚在一个月前开始自学网页设计，所以我确信这是一个简单的错误，但我迷失了方向。
* facepalm *哇。非常感谢。我怎么错过了那个：P – Nathanael