在iframe中显示嵌入在网站中的Flash内容的div

Question

我正在围绕各种论坛回答这个问题的答案，但似乎没有一个对我有用。

我在iframe中嵌入了第三方网站。该网站有一些Flash内容。 Iframe有一个容器div，它有几个下拉菜单，它们都是div。这些菜单显示在网站上的flash视频后面，这显然不是我想要的，我希望菜单（div）始终位于任何Flash内容之上。我在youtube视频中遇到了同样的问题，并且在embed url中添加wmode = opaque解决了我的问题。这个问题不同，因为它涉及包含视频的第三方网站

以下是我环顾四周时想到的东西。 原因：由于Flash视频是由浏览器插件呈现的，而不是html元素，因此css中的z-index值不会影响它们;他们将永远名列前茅。

几个答案/解决方法
1 为Flash视频添加属性wmode = transparent;由于我不控制第三方网站内容，我无法做到这一点。
2 在div后面放置一个透明的iframe;到目前为止我还没有尝试过这个，因为我不完全明白这是什么意思，我应该在div周围有一个iframe吗？

我想确保如果我已经完成上述任务，或者是否有任何我缺少的解决方案或解决方法。我只在IE（9和10）中遇到这个问题。 Firefox中的一切看起来都很好。 我很感激你的时间。

由于

Answer 1

你实际上可以控制＆＃34;国外网站。使用xmlHttpRequest加载HTML，进行更改，添加body base href以便在该网站上正确加载图片，并使用

写入iframe的srcdoc属性

  document.getElementById('myiframe').setAttribute('srcdoc',myhtml)

和鲍勃是你的叔叔。 除非发生很多可怕的事情，例如：

•旧IE中不支持srcdoc =＆gt;在服务器端脚本中实现数据获取和修改，

•远程站点不会将辅助文件发送给错误的引用者=＆gt;你是SOL。