Question

出于某种原因，使用揭示jquery模式与firefox和chrome一起使用效果很好，但是当使用Internet Explorer时，嵌入的视频会覆盖弹出窗口，任何人都可以提出想法吗？我尝试了建议的z-index，但没有做任何事情。

这是我使用它的方式： $（function（）{ $（ '＃myModal'）显示（）。 }）;

  <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 （抱歉，我不允许发布图片）

Answer 1

你的模态没有z-index属性。模态的风格应该是：

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

显示jquery模态叠加视频

1 个答案: