揭示jquery模态叠加视频

出于某种原因，使用显示jquery模式在firefox和chrome上工作得很好，但是当使用internet explorer时，嵌入的视频覆盖了弹出框，有人能给出一个想法吗?我尝试了建议的z-index，但它没有做任何事情。

这是我使用它的方式:$(函数(){$ (' # myModal ') .reveal ();});

  <style>
    #imagenPopup
     {
       max-height:450px;
       display: block;
       margin-left: auto;
       margin-right: auto
       overflow:auto;
     }
  </style>
</head>
<body>
  <div id="myModal" class="reveal-modal">
    <img id="imagenPopup" img src="imagenPrincipal/imagen.png" alt="">
    <a class="close-reveal-modal">&#215;</a>
  </div>
    <div class="video_home">
        <object width="320" height="170"><param name="movie"              
          value="http://www.youtube.com/v/Ye39lijJPC0?version=3&amp;hl=es_ES&amp;rel=0">
          </param>
          <param name="allowFullScreen" value="true"></param>
          <param name="allowscriptaccess" value="always"></param>
          <embed src="http://www.youtube.com/v/Ye39lijJPC0?version=3&amp;hl=es_ES&
          amp;rel=0" type="application/x-shockwave-flash" width="320" height="170" 
          allowscriptaccess="always" allowfullscreen="true"></embed>
        </object>
    </div>
</body>

这是一个问题的例子:http://s30.postimg.org/q0abbphq9/imagen.png(抱歉，SO不允许我发布图像)

你的模态没有z-index属性。modal的样式应该是:

#imagenPopup
 {
   max-height:450px;
   display: absolute;
   top:10%;
   left:50%;
   translate:transformX(-50%);
   z-index:200;
 }

相关内容

最新更新

热门标签：