Javascript iframe上的DIV展开

是否可以获得一个自定义上下文菜单（

DIV

），该菜单可以在多个

iFrame

上展开？
我有两个

iframe

（由于某种原因，每个iframe都位于

DIV

中）。在

iframe1

中，我有一个自定义上下文菜单（另一个

DIV

）。当我右键单击边框旁边的

iframe 1

时，关联菜单出现在

iframe 2

下：

应该是这样的：

我已经给了上下文菜单一个99的

z-index

编辑：
这里是我的3个网站。

iframes

（

左

，

右

）和链接它们的

索引。

抱歉，我不知道如何将
iframes
导入到fiddlejs中，因此我必须单独链接它们





为两个
iframe
s指定
z-index:1
。使用“上下文菜单”将div保持在
z-index:99
是否浮动div

.contextmenu{float: left; z-index: 999999}

使用类似

z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999

当我想让某个东西浮在其他东西之上时，我就是这么做的。
一个选项是添加逻辑，智能地定位上下文菜单

换句话说，如果上下文菜单div太靠近iFrame的边缘，则添加重新定位该div的代码

换言之：

如果弹出窗口的x位置大于（iFrame的大小减去弹出窗口的宽度）

然后将弹出窗口重新定位到左侧

这个过程有时被称为夹紧上下文菜单的位置

注意：

除非最终用户意识到两个iFrame之间的逻辑分离，否则这将不会很优雅。
您可以制作一个小提琴和/或发布其余的CSS吗？iFrame本身的z索引是什么？请查看firefox 3d inspect选项。它不仅看起来很酷，而且在解决z索引问题时确实很有帮助@Mooseman：我如何将iFrame嵌入到Fiddle中？所有这些谈论z-index的人都不知道他们在谈论什么。iframe充当一个小窗口；里面的东西会留在里面。但是，如果在包含页面中，您可以在两个iframe上放置一些内容。您可以使用javascript在iframe和page之间进行通信，以便在需要的地方显示弹出窗口。有了这个改变，z-index实际上会帮助你。也许有点太多了？即使不考虑蜂群从环绕火星的轨道上取回你的div的麻烦，大多数浏览器也会简单地将其限制在某个值上（就像前面指出的那样）；）如果有人想在上面放点东西会怎么样？在
z-index
中使用合理的数字。即使是1000的倍数也比这更有意义。此外，
z-index
在这里也没有帮助。