Выявить jquery модальное оверлейное видео

0

По какой-то причине использование функции jquery modal отлично работает с firefox и chrome, но при использовании интернет-браузера встроенное видео накладывает всплывающее окно, может ли кто-нибудь дать представление? Я попробовал предложенный z-индекс, но ничего не сделал.

Так я использую это: $ (function() {$ ('# myModal'). Show();});

  <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 не разрешит мне отправлять изображения еще)

Теги:
modal-dialog

1 ответ

0

У вашего модала нет свойства z-index. Стиль модального звука:

#imagenPopup
 {
   max-height:450px;
   display: absolute;
   top:10%;
   left:50%;
   translate:transformX(-50%);
   z-index:200;
 }
  • 0
    По какой-то причине z-index не работает; но сейчас думаю может быть что-то связанное со старой реализацией лайтбокса в проекте

Ещё вопросы

Сообщество Overcoder
Наверх
Меню