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

Question

我正在通过各种论坛的问题来寻找这个问题的答案，但似乎没有一个对我有用。

我在 iframe 中嵌入了一个第 3 方网站。该网站有一些 Flash 内容。 Iframe 有一个容器 div，它有几个下拉菜单，它们本身就是 div。这些菜单显示在网站的 Flash 视频后面，这显然不是我想要的，我希望菜单(divs)始终位于任何 Flash 内容之上。我对 youtube 视频也有同样的问题，将 wmode=opaque 添加到嵌入 url 解决了我的问题。这个问题是不同的，因为它涉及包含视频的第 3 方网站

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

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

我想确定以上内容是否是我所拥有的，或者是否有任何我遗漏的解决方案或变通方法。我只在 IE(9 和 10)中遇到这个问题。在 Firefox 中一切看起来都很好。感谢您抽出宝贵时间。

谢谢

Answer 1

您实际上可以“控制”外国网站。使用 xmlHttpRequest 加载 HTML，进行更改，添加 body base href 以便从该站点正确加载图片，使用

写入 iframe 的 srcdoc 属性

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

Bob 是你的叔叔。除非发生很多可怕的事情，比如:

• 旧 IE 不支持 srcdoc => 在服务器端脚本中实现数据获取和处理，

• 远程站点不会将辅助文件发送到错误的引用 => 你是 SOL。