0

在 Firefox、IE7、IE9 和其他浏览器中，YouTube 嵌入工作正常，但在 IE8 中单击视频时没有任何反应。
我认为它可能是与 Z-index 相关的 CSS 问题？我试过改变周围的东西，但没有运气。
任何帮助都会很棒。访问该页面并单击图像以查看问题。

这是模态的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>

4

2 回答 2

0

<head>在标签之后使用这个

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
于 2012-09-24T08:44:23.867 回答
0

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

于 2012-09-24T10:19:16.433 回答