iOS上的Z-index问题铬 [英] Z-index issue on iOS Safari & Chrome

问题描述

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

I'm having an issue with a responsive dropdown menu, based on wordpress Underscores theme.

它在桌面上看起来不错，但在iOS Safari，包括iPad和iPhone上看起来不错。

It looks okay on desktop but not on iOS Safari including iPad and iPhone.

http：//i.stack .imgur.com / 2vx5P.jpg

我已经尝试添加z-index到其他div，但它不工作。请帮帮我。
谢谢。

I've tried to add z-index to other divs as well but it doesn't work. Please help me. Thanks.

推荐答案

实际上有translate3d的第四种方法：

There is actually a fourth method, with translate3d:

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

iOS浏览器完全支持CSS3，因此您可以安全地使用。

iOS browsers fully support CSS3, so you can use this safely.

这篇关于iOS上的Z-index问题铬的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！