title: Z-index div overlapping fullscreen vimeo wordpress
body: <p>I've been having trouble with my wordpress site's header z-index going on top of vimeo video's when going fullscreen with the video.</p>
  
  <p>link: <a href="http://www.dylanhalpern.com/six-points-super-6/" rel="nofollow">http://www.dylanhalpern.com/six-points-super-6/</a></p>
  
  <p>I've tried wrapping the i-frame in div with absolute positioning and a high z-index, and also wrapping that in a div with relative positioning. </p>
  
  <p>css looked like</p>
  
  <pre><code>.videowrap {
      position: relative;
      width: 400px;
      height: 250px;
      background-color: silver;
  }
  .video {
      position: absolute;
      z-index: 99999;
  }
  </code></pre>
  
  <p>so html looked like:</p>
  
  <pre><code>&lt;div class="videowrap"&gt;
   &lt;div class="video"&gt;
    &lt;iframe&gt;&lt;/iframe&gt;
   &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>No luck yet, any help appreciated. Thanks!!</p>