下拉内容隐藏在 iPad 和 Safari 中
dropdown content get buried on iPad and Safari
我已经研究这个错误两天了。我的主导航栏有几个带有下拉内容的可点击按钮。在 Chrome 桌面（我设计的地方）上，无论您如何调整 window 的大小（响应地适应桌面、iPad 和移动显示模式），它都可以正常工作，同样是对于桌面版 Firefox 和 Internet Explorer 是正确的。移动版在 Safari、Chrome 和 iPhone 上的 Firefox 中也能完美运行 5.
但是，在我测试过的任何浏览器（Firefox、Chrome 或 Safari）中单击实际 iPad 时，下拉内容不会出现，也不会出现在桌面版 Safari 中， 任何一个。虽然下拉内容显示在桌面的 Chrome 浏览器中，但 Chrome 的调试器也不显示下拉内容，而是显示一个应显示下拉内容的框。
我可以在 Chrome 调试器中看到 class .dropdown-content.show 确实激活并在单击时从 display: none 更改为 display: block，但它是只是埋在其他页面内容后面。当我删除所有其他页面内容时，我可以看到下拉内容确实可以正常切换和显示。
所以我推断问题与 Safari 和 iOS for iPad 上的某些浏览器如何理解 z-index 有关？导航栏有一个 z-index: 9999，.dropdown-content 应该继承，但我知道 z-index 比最大的数字总是显示在最上面要多。
但是到底出了什么问题，我该如何解决？我已经尝试为 .dropdown-content 手动指定 opacity: 1 和 z-index: 9999，并且我已经尝试添加描述 here and here 的 -webkit-transform: translate3d(0,0,0) hack 来覆盖 iPad 并强制硬件加速，但也许我没有正确实施该 hack？我在导航栏 css 中设置的显示设置有误吗？我也很困惑，完全相同的 javascript 和显示设置在 iPhone 上的每个浏览器中如何正常工作，但在 iPad.
上没有浏览器
如有任何见解，我们将不胜感激。我大约一个月前才开始自学网页设计，所以我确定这是一个简单的错误，但我迷路了。
从 ul.topnav 中删除 overflow:hidden 将允许下拉列表显示
我已经研究这个错误两天了。我的主导航栏有几个带有下拉内容的可点击按钮。在 Chrome 桌面（我设计的地方）上，无论您如何调整 window 的大小（响应地适应桌面、iPad 和移动显示模式），它都可以正常工作，同样是对于桌面版 Firefox 和 Internet Explorer 是正确的。移动版在 Safari、Chrome 和 iPhone 上的 Firefox 中也能完美运行 5.
但是，在我测试过的任何浏览器（Firefox、Chrome 或 Safari）中单击实际 iPad 时，下拉内容不会出现，也不会出现在桌面版 Safari 中， 任何一个。虽然下拉内容显示在桌面的 Chrome 浏览器中，但 Chrome 的调试器也不显示下拉内容，而是显示一个应显示下拉内容的框。
我可以在 Chrome 调试器中看到 class .dropdown-content.show 确实激活并在单击时从 display: none 更改为 display: block，但它是只是埋在其他页面内容后面。当我删除所有其他页面内容时，我可以看到下拉内容确实可以正常切换和显示。
所以我推断问题与 Safari 和 iOS for iPad 上的某些浏览器如何理解 z-index 有关？导航栏有一个 z-index: 9999，.dropdown-content 应该继承，但我知道 z-index 比最大的数字总是显示在最上面要多。
但是到底出了什么问题，我该如何解决？我已经尝试为 .dropdown-content 手动指定 opacity: 1 和 z-index: 9999，并且我已经尝试添加描述 here and here 的 -webkit-transform: translate3d(0,0,0) hack 来覆盖 iPad 并强制硬件加速，但也许我没有正确实施该 hack？我在导航栏 css 中设置的显示设置有误吗？我也很困惑，完全相同的 javascript 和显示设置在 iPhone 上的每个浏览器中如何正常工作，但在 iPad.
如有任何见解，我们将不胜感激。我大约一个月前才开始自学网页设计，所以我确定这是一个简单的错误，但我迷路了。
从 ul.topnav 中删除 overflow:hidden 将允许下拉列表显示