Question

在Firefox，IE7，IE9和其他浏览器中，YouTube嵌入工作正常，但在IE8中，当您点击视频时没有任何反应。
我在想它可能与Z-index有关的CSS问题？我试过改变一切但没有运气任何帮助都会很棒。 Visit the page and click the images to see the problem

以下是模态的CSS：

.youtubemodal {
width: 590px;
height: 464px;
position:fixed;
z-index:700;
top:180px;
left:50%;
display:none;
background-image: url('images/youtubeconsole.png');
margin-left:-295px;
}

.youtubediv {
position:absolute;
left:15px;
top:15px;
}

.youtubexbutton {
bottom: 12px;
right:13px;
position:absolute;
width:26px;
height:26px;
background-image:url('images/youtubex.png');
}

和脚本：

jQuery('#youtube').click(function(){
jQuery('.youtubemodal').show();
});

和HTML：

<div class="youtubemodal"><div class="youtubediv"><iframe width="560" height="400"     src="http://www.youtube.com/embed/G5FRxH8ytJk" frameborder="0" allowfullscreen></iframe></div>

Answer 1

在<head>代码

之后使用此功能

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

Answer 2

解决了问题：我的youtubediv没有宽度或高度，所以我将其更改为覆盖YouTube视频的大小。

YouTube嵌入式视频无法在IE8的模态窗口中播放

2 个答案: