iPad Safari手机似乎忽略了html5视频元素的z索引位置

概述我在一个页面上有一个视频元素，在safari手机和桌面都工作正常。 我有一个半透明的下拉菜单，工作正常。问题是，当菜单是在视频元素，在桌面上的safari我可以看到菜单下的视频(如所期望的)，而在移动版本的视频元素保持在前台(丑陋)，无论我告诉css。是否有任何解决方法？ 只有在动态创建视频元素时，才会出现此问题。如果元素刚刚在页面中加载，z-index工作正常。 您可以通过提供视频元素-webk 我在一个页面上有一个视频元素，在safari手机和桌面都工作正常。
我有一个半透明的下拉菜单，工作正常。问题是，当菜单是在视频元素，在桌面上的safari我可以看到菜单下的视频(如所期望的)，而在移动版本的视频元素保持在前台(丑陋)，无论我告诉CSS。是否有任何解决方法？解决方法 只有在动态创建视频元素时，才会出现此问题。如果元素刚刚在页面中加载，z-index工作正常。

您可以通过提供视频元素-webkit-transform-style：preserve-3d来修复动态创建的视频上的z-index。

是的，它像在IE上的haslayout一样糟糕！

总结

以上是内存溢出为你收集整理的iPad Safari手机似乎忽略了html5视频元素的z索引位置全部内容，希望文章能够帮你解决iPad Safari手机似乎忽略了html5视频元素的z索引位置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。