所以我有一个网站，顶部有一个菜单栏，当您将鼠标悬停时，会出现一个子菜单。
在菜单下，我有一个嵌入了 HTML5 <video> tag 的大型视频播放器。 .然而，在 ipad 上的 safari 上，我无法点击悬停在视频上方的链接，尽管我已经给了他们一个适当的 z-index。 .
有人可以帮我吗？ :(
编辑:这是一个 jsfiddle:http://jsfiddle.net/7t6c00vn/
这个问题似乎只发生在 ipad 上。
最佳答案
视频优先于任何其他 Material 。检查Putting Video on Canvas在 developer.apple.com 上。
据我所知，唯一的解决办法似乎是隐藏视频。查看 A Solution for Overlaid Elements on Video
我也很想知道是否有任何其他/更好的解决方案，因为我也在使用 HTML5 和需要交互的视频构建一些东西。
关于css - 无法点击 safari 中悬停在视频上方的链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30801970/