IE中的iframe的Z-index问题

问题描述 投票:3回答:2

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

已阅读其他各种帖子,建议在iframe src中添加&wmode = transparent的组合,并为iframe本身添加wmode =“opaque”属性;虽然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/

任何帮助将非常感激。

css internet-explorer iframe z-index
2个回答
0
投票

我已经更新了你的代码。现在在IE中正常工作,只是通过javascript jsfiddle添加了wmode参数

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

请参阅This post


0
投票

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

<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/

© www.soinside.com 2019 - 2024. All rights reserved.