如何降低 iPad3 MP4 播放器的 z-index？答案

【问题标题】：How can I lower z-index of iPad3 MP4 player?如何降低 iPad3 MP4 播放器的 z-index？
【发布时间】：2012-07-06 17:42:36
【问题描述】：

我刚刚注意到奇怪的 iPad3 (iOS 5.1) 问题，我了解但不知道如何解决。

短版： iPad 的播放器覆盖了我所有的 div。我怎样才能让它显示在它们下面？

长版：我在网站上嵌入了 vimeo 视频。在该 vimeo 视频之上，我有两个容器，分别覆盖了 Vimeo 视频左侧的 25% 和右侧的 25%。

当用户点击左侧容器时，他会转到上一个视频，如果用户点击右侧容器，他会转到右侧视频。那些是 25% 宽的大箭头，可以点击 Vimeo 视频的中间部分来实现“播放”功能（中间的 50% 宽度没有被覆盖，因此他可以点击）。

效果很好！

但是...当我在 iPad 3 上播放该视频时，它变成了 MP4 播放器或其他东西，并覆盖了两个容器（它们不可点击 - 视频占据了 100% 的宽度并覆盖了我的箭头）。 如何降低 iPad3 MP4 播放器的 z-index？或者做点别的事情让我的箭还在上面？

【问题讨论】：

【解决方案1】：

我在某处读到，设置一个没有实际效果的 css 转换可以“破解”它来修复 z-index 错误，所以为什么不尝试（我今天没有 ipad 可以尝试）：

-wekbit-transform: translate(0, 0);

在视频的 CSS 中。

对不起，如果不好，如果我能找到原始来源，请发布它

【讨论】：

谢谢！它不起作用。太糟糕了，它甚至涵盖了“Firebug for iPad”，所以我无法进行任何代码检查。
Shame :)，我在书签深处找到了博客，也许还有别的东西blog.millermedeiros.com/…
我找到了方法！想象一下：主容器是 100% 宽，视频在内部是 80% 宽，箭头在侧面是 25% 宽，但它们部分在视频之外。这提供了 10% 的左侧和 10% 的右侧可用空间来触摸它们。它起作用了:)这个问题的一些创造性解决方案，但我没关系！谢谢！