мой текущий проект - это html-сайт, содержащий раскрывающееся меню (javascript/jquery) и видеоплейер html5 (только видео-тег).
При нажатии на элемент меню выпадающее подменю накладывает контейнер видеопланера (z-индекс выпадающего меню выше, чем у видеопланера). В Safari и Chrome ссылки элементов подменю работают правильно при нажатии, но в Mobile Safari на iPad они не реагируют. Чтобы уменьшить проблему, мой минимальный пример включает элемент ссылки, который накладывает элемент видео.
<head>
<style>
a {
position: absolute;
display: block;
z-index: 1;
}
video {
position: absolute;
z-index: 0;
}
</style>
</head>
<body >
<a href="#" onclick="location.href='http://www.google.de'; return false;">click me</a>
<video src="" width="640" height="360" preload="none" controls="controls"></video>
</body>
Прикосновение к элементу ссылки на iPad не работает. Любые советы оценили, как сделать ссылку доступной для iPad!