Z-Index funktioniert nicht (mit Positionierung und Stapel Kontext bewusst)

Question

Ich habe ein Problem mit Z-Index. Ich versuche, das Bild unter Video in Iframe zu gehen.

img 
{ 
    position:relative; 
} 

iframe 
{ 
    position:relative; 
    z-index: 2; 
} 

ich Antwort gesucht und nur Hinweise über Position und Stapel Kontext bekam, die hier nicht Problem ist (Wenn ich das richtig natürlich denken). Ich würde etwas Hilfe schätzen!

EDIT Teil html mit diesem img und iframe

<div id="main-menu" class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <img src="images/logo/logo_biale_margins320.png" id="logo"/>  
    </div> 

    <section id="page-top" class="section-style" data-background-image="images/background/page-top.jpg"> 
     <div class="pattern height-resize"> 
      <div class="container" > 
        <center><h2 class="section-name"> 
         <span> 
          SHOVROOM<br/>available today! 
         </span> 
        </h2></center> 
        <h3><center> 
         Present Anything, Anywhere 
        </center></h3> 
       <br/><br/> 
       <header> 

        <center> 
             <iframe id="video" 
         src="https://www.youtube.com/embed/psraUPSYU28?rel=0" frameborder="0" allowfullscreen> 
        </iframe> 
        </center> 
       </header> 

Answer 1

Das nächste Mal sind nur den Code, der auf diese Frage relevant ist. Um sie zu überlappen, habe ich Folgendes getan.

position: absolute; 

Der von Ihnen angegebene Z-Index scheint zu funktionieren.

https://jsfiddle.net/JaredBledsoe/4v50bdwv/