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

解決しました:youtubediv幅も高さもなかったので、YouTube ビデオのサイズをカバーするように変更しました。

于 2012-09-24T10:19:16.433 に答える
0

<head>タグの後にこれを使用します

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