我想在带有Flash内容的iframe上方放置一个div（例如像youtube视频）。 我无法访问iframe中的内容，因此我无法修改其中的内容。
我尝试了很多东西（z-index ......一切）。 但没有任何作用。我只是问，因为我真的找不到解决方案:(
问题是iframe包含Flash内容。
答案 0 :(得分：2)
我真的无法帮助我测试解决方案，因为我没有任何flash文件来测试创建答案，但我可以告诉你为什么会这样。
Flash是一个浏览器插件，这意味着Flash电影永远不会成为HTML文档的一部分。相反，所发生的是页面区域是为插件运行保留的，然后调用并在页面的“顶部”运行。因此，无论你尝试什么组合，在其他元素上设置z-index永远不会真正解决问题。
但是，您可以在插件识别的元素本身上设置一个“魔术”参数/属性，称为“wmode”。如果将此参数/属性设置为“透明”，则Flash插件允许显示一些HTML元素，从而产生幻觉它们位于Flash影片之上。
如果您能够联系iframe的所有者以将wmode参数设置为透明，我建议您这样做。如果这是youtube或vimeo嵌入，请查看是否有关于自己添加参数的文档或选项。
如果没有你可以做的很多，因为即使是JavaScript也不会成为你的朋友（出于安全考虑，你不能用JS修改框架的内容）
编辑：
记住，如果你有办法使用HTML5视频而不是Flash，那会有所帮助。 HTML5视频作为文档对象模型的一部分呈现，因此可通过z-index属性进行控制。
尼尔
答案 1 :(得分：1)
iframe标签具有最高的z-index。他们在页面上高于一切。您可以将一个iframe放在另一个上面，然后将文本放在其中。
jsFiddle：http://jsfiddle.net/USqxj/30/
<div><iframe style="width:100px;height:100px;"></iframe></div>
<div><iframe style="width:50px;height:50px;position:absolute;margin-top:-85px;left:25px;"></iframe></div>