Question

当IE重叠iframe时，IE似乎会忽略具有更高z索引的元素。

已阅读各种其他帖子，建议在iframe src中添加＆amp; wmode = transparent的组合，并且wmode =＆＃34; opaque＆＃34;属于iframe本身;虽然IE似乎不喜欢其中任何一种。

<iframe title="YouTube video player" class="media-youtube-html5" type="text/html" width="500" height="300" src="http://www.youtube.com/v/9W82sMSMJJg?hd=1&wmode=transparent" wmode="opaque" frameborder="0"></iframe>

http://jsfiddle.net/7fd8Y/

非常感谢任何帮助。

Answer 1

我已更新您的代码。现在在IE中正常工作，只需添加wmode参数 JavaScript的 jsfiddle

$('iframe').each(function(){
    var url = $(this).attr("src");
    $(this).attr("src",url+"?wmode=transparent");
});

参考This post

Answer 2

您的链接错误，默认链接字应为嵌入，

<iframe src="http://www.youtube.com/embed/9W82sMSMJJg" frameborder="0"></iframe>

但不仅仅是 v （v-link忽略z-index）：

<iframe src="http://www.youtube.com/v/9W82sMSMJJg" frameborder="0"></iframe>

以下是IE的示例： http://jsfiddle.net/7fd8Y/21/

IE中的iframe的Z-index问题

2 个答案: