title: Mobile Safari: link (<a>) element over video element does not work on click
body: <p>my current project is a html website that contains a dropdown menu (javascript/jquery) and a html5 videoplayer (video-tag only).</p>
  
  <p>When clicking on a menu entry, the dropdown submenu overlays the videoplayer container (z-index of dropdown is higher than of videoplayer). In Safari and Chrome the links of the submenu entries work properly on click, but in Mobile Safari on iPad they do not react. To reduce the problem, my minimal example includes a link element that overlays a video element. </p>
  
  <pre><code>&lt;head&gt; 
  &lt;style&gt;
  a {
      position: absolute;
      display: block;
      z-index: 1;
  }
  video {
      position: absolute;
      z-index: 0;
  }
  &lt;/style&gt;    
  &lt;/head&gt; 
  
  &lt;body &gt; 
  &lt;a href="http://www.google.de"&gt;click me&lt;/a&gt;
  &lt;video src="" width="640" height="360" preload="none" controls="controls"&gt;&lt;/video&gt;
  &lt;/body&gt; 
  </code></pre>
  
  <p>Touching the link element on an iPad does not work. Any advice appreciated how to make the link clickable on iPad!</p>