我在使用基于 wordpress 下划线主题的响应式下拉菜单时遇到问题。
它在桌面上看起来不错，但在包括 iPad 和 iPhone 在内的 iOS Safari 上却不行。
我也尝试将 z-index 添加到其他 div，但它不起作用。请帮我。谢谢。
问问题
29378 次
5 回答
27
实际上还有第四种方法，使用 translate3d：
-webkit-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
iOS 浏览器完全支持 CSS3，因此您可以安全地使用它。
于 2013-10-24T17:26:54.057 回答
1
我在 Safari iPhone/iPad 上遇到了同样的问题，只有 Fabien 的解决方案修复了它：
-webkit-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
于 2019-11-20T15:40:47.627 回答
0
有 3 种方法可以解决这个问题：
1. 您可以将 z-index 值设置为较大的数字，例如 80 或 90。
2. 您可以在其他 div 之后添加菜单元素（因此默认情况下它将放置在其他项目上)
3. 可以将div中文字的z-index设置为小于菜单div的z-index。
于 2013-08-15T15:08:02.983 回答
0
您不能只将 z-index 应用于下拉菜单 - 您需要将 z-indicies 应用于兄弟元素以确保正确的堆叠顺序。
如果没有看到您的 HTML，就无法确定它们应该去哪里。但我能说的最好的方法是将 z-index 应用于整个导航栏，并将一个 z-index 应用于整个内容 div。请记住，正如 Ajay 所说，为了使 z-indicies 正常工作，它们所应用的元素必须非静态定位（在您的情况下，位置：相对很可能是最佳选择）。
于 2013-08-15T15:19:27.297 回答
0
如果下拉菜单的父元素是nav，你应该给它放一个大的z-index，高于其他元素
于 2017-05-19T06:29:11.077 回答