Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何降低iPad3 MP4播放器的z指数?_Javascript_Html_Css_Ipad - Fatal编程技术网

Javascript 如何降低iPad3 MP4播放器的z指数?

Javascript 如何降低iPad3 MP4播放器的z指数?,javascript,html,css,ipad,Javascript,Html,Css,Ipad,我刚刚注意到iPad3(iOS 5.1)出现了一个奇怪的问题,我理解这个问题,但不知道如何解决 短版:IPad播放器覆盖了我所有的div。如何使其显示在它们下面 长版本:我在网站上嵌入了vimeo视频。在vimeo视频的顶部,我有两个容器,分别覆盖vimeo视频左侧和右侧的25% 当用户单击左容器时,他转到上一个视频,如果用户单击右容器,他转到右视频。那些是25%大箭头,Vimeo视频的中间部分可以点击“播放”功能(中间宽度的50%没有被覆盖,所以他可以点击)。 它工作得很好 但是。。。当我在i

我刚刚注意到iPad3(iOS 5.1)出现了一个奇怪的问题,我理解这个问题,但不知道如何解决

短版:IPad播放器覆盖了我所有的div。如何使其显示在它们下面

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

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


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

我在某个地方读到,设置没有实际效果的css转换可以“黑客”修复z索引错误,所以为什么不尝试一下(我今天没有ipad来尝试):

-wekbit变换:平移(0,0)

在视频的CSS中


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

谢谢!它不起作用。可惜的是,它甚至涵盖了“Firebug for iPad”,所以我无法进行任何代码检查。不好意思:),我在书签深处找到了博客,也许我找到了其他方法!想象一下:主容器是100%宽,视频内部是80%宽,箭头在侧面是25%宽,但部分在视频外部。这给了10%的左侧和10%的右侧自由空间来触摸它们。它奏效了:)对这个问题有一些创造性的解决办法,但我没意见!谢谢