DIV扩展到iframe

Question

是否可以将自定义上下文菜单（DIV）扩展到多个iframes？ 我有2 iframes（由于某种原因，每个DIV内）。在iframe 1我有一个自定义上下文菜单（另一个DIV）。当我右键点击边框旁边的iframe 1时，上下文菜单会显示在iframe 2下：

这应该是这样的：

我已经给了上下文菜单{99}的z-index。

修改
这是我的3个网站。 iframes（left，right）和index两者都链接在一起。
抱歉，我不知道如何将iframes导入fiddlejs，因此我必须单独链接它们。

index.html
left.html
right.html

Answer 1

为z-index: 1指定iframe。使用z-index:99上的“上下文菜单”保留div。

Answer 2

你是否漂浮了div？

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

Answer 3

使用类似

的内容

z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999

这就是我想做什么，当我想要一些东西漂浮在其他一切之上。

Answer 4

一个选项是添加智能定位上下文菜单的逻辑。

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

换句话说：

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

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

此过程有时被称为 clamp 上下文菜单的位置。

注意：

除非最终用户知道两个iFrame之间存在逻辑分隔，否则这将不会很优雅。