jquery - 为什么这个 iframe (youtube embed) 在 chrome 和 ie 中表现不同？

Question

我将 youtube iframe 嵌入到 bxslider 中。当您从一张幻灯片转到另一张幻灯片时，出于某种原因，iframe 仍位于 ie 中所有内容的顶部。

chrome 中的行为（对于相同的 html 和 css）是我想要的！

请参阅链接：www.torontochinesesoccer.com/brands

div（包括视频所在的那个）都是相对定位的。ie 是否以不同的方式对待 iframe？

Answer 1

尝试在您的 iframe 上使用 wmode="Opaque" 或者您可以使用 jquery 代码

  $('iframe').each(function()
     {var url = $(this).attr("src");
      var result = url.search(/youtube/i);
      if(result!=-1)
       {result = url.indexOf('?');
        if(result!=-1)  
          {$(this).attr("src",url+"&wmode=transparent");
          } else {$(this).attr("src",url+"?wmode=transparent");}
       }
     });
      });

你可以在这里找到更多 - http://www.scorchsoft.com/news/youtube-z-index-embed-iframe-fix