По какой-то причине использование функции 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">×</a>
</div>
<div class="video_home">
<object width="320" height="170"><param name="movie"
value="http://www.youtube.com/v/Ye39lijJPC0?version=3&hl=es_ES&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&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. Стиль модального звука:
#imagenPopup
{
max-height:450px;
display: absolute;
top:10%;
left:50%;
translate:transformX(-50%);
z-index:200;
}