如何降低iPad3 MP4播放器的z-index?

时间:2012-07-06 08:19:06

标签: javascript html css ipad

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

简短版本:iPad的播放器涵盖了我的所有div。如何让它显示在它们下面?

长版:我在网站上嵌入了vimeo视频。在那个vimeo视频的顶部,我有两个容器,覆盖了Vimeo视频左侧的25%和右侧的25%。

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

效果非常好!

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

1 个答案:

答案 0 :(得分:1)

我在某处读到设置一个没有实际效果的css变换可以" hack"这个修复了z-index错误,所以为什么不尝试(我今天没有ipad和我一起尝试这个):

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

在视频的CSS中。

抱歉,如果它不好,如果我能找到原来的帖子生病了