2

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

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

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

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

我想确定以上是否是我所拥有的，或者是否有任何我缺少的解决方案或解决方法。我只在 IE（9 和 10）中遇到这个问题。在 Firefox 中一切看起来都很好。我很感激你在这方面的时间。

谢谢

4

1 回答 1

0

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

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

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

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

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

于 2014-06-20T19:31:20.040 回答