Jquery 触摸事件不适用于ipad上重叠div的z索引

我使用视频标签显示视频，如果用户暂停视频，我将使用div显示视频标签顶部的某个选项，所有单击事件和z索引在桌面的所有浏览器上都能正常工作，但是我没有找到任何解决方案，quicktime播放器和div z-index总是自动运行，即使我已经通过编程更改了css，但在iPad上没有运气

$("#video_screen").bind("pause",function(){
        $("#video_screen").css("z-index","-1");
        $("#videoOptionsDiv").show();
        alert("Seek Time:"+$("video").attr("currentTime")+" ms");
        $("#notif").slideDown("fast");
        alert("video "+$("#video_screen").css("z-index"));
        alert("optionaction "+$("#optionActions").css("z-index"));
 }); 

这是我的代码，仅适用于桌面浏览器

这是一个类似的示例，因此有人确定mobile safari为视频标签切割了一个孔，并且不允许任何内容呈现在桌面上

不幸的是没有

根据我的经验和对iOS当前工作方式的理解， 这是不可能的

iPad上的Mobile Safari为Quicktime窗口开了一个洞，这 使用内置硬件加速播放视频，以 提高电池寿命。（iPhone和iPodtouch只需打开一个 单独的窗口以实现相同的效果。）

此窗口无法与页面上的其他HTML配合使用。在里面 事实上，我还没有找到让mobile Safari显示任何内容的方法 在标签上。我猜这是因为硬件 加速只允许视频缩放和定位，而且 它一次只能处理一个视频

---

虽然它有点旧，所以您可以尝试在div上设置9999 z-index，而不是在视频标签上设置-1 z-index，但它可能不起作用。

我找到了一个解决方案，当菜单显示在视频顶部时，我刚刚删除了控件，因此它没有触发视频的触摸事件。它们根据控件设置优先级，因此，如果您仅移除控件，则可以检测重叠元素的触摸事件

隐藏选项时，只需再次添加

这是我们找到的黑客

希望这个答案对任何人都有帮助

---

谢谢你的回复。但我总是在视频的z-索引值中自动，这不会有什么改变。我为div设置了高z-索引，但不工作。我可以通过任何方式访问quicktime播放器，并在暂停时隐藏该播放器。我找到了解决方案检查我的回答帖子