iOS Safari和Chrome上的Z-index问题

Question

我在基于wordpress Underscores主题的响应式下拉菜单中遇到问题.

它在桌面上看起来不错,但不适用于包括iPad和iPhone在内的iOS Safari.

我也尝试将z-index添加到其他div中,但它不起作用.请帮我.谢谢.

Answer 1

实际上有第四种方法,使用translate3d:

-webkit-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);

iOS浏览器完全支持CSS3,因此您可以安全地使用它.

Answer 2

有 3 种方法可以处理这个问题：
1. 您可以将 z-index 值设置为一个较大的数字，例如 80 或 90。
2. 您可以在其他 div 之后添加菜单元素（因此默认情况下它将放置在其他项目上） )
3. 您可以将div 中文本的z-index 设置为小于菜单div 的z-index。