我目前的项目是一个html网站,其中包含一个下拉菜单(javascript/jquery)和一个html5视频播放器(仅限视频标签).
单击菜单条目时,下拉子菜单将覆盖videoplayer容器(下拉列表的z-index高于videoplayer).在Safari和Chrome中,子菜单条目的链接在点击时可以正常工作,但在iPad上的Mobile Safari中他们没有反应.为了减少这个问题,我的最小示例包括一个覆盖视频元素的链接元素.
<head>
<style>
a {
position: absolute;
display: block;
z-index: 1;
}
video {
position: absolute;
z-index: 0;
}
</style>
</head>
<body >
<a href="http://www.google.de">click me</a>
<video src="" width="640" height="360" preload="none" controls="controls"></video>
</body>
触摸iPad上的链接元素不起作用.任何建议都赞赏如何在iPad上点击链接!