2

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

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

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

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

效果很好！

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

4

1 回答 1

1

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

-wekbit-transform: 翻译(0, 0);

在视频的 CSS 中。

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

于 2012-07-06T08:35:02.180 回答