javascript - DIV 在 iframe 上扩展

Question

是否可以将自定义上下文菜单 ( DIV) 扩展到多个iframes?
我有 2 个iframes（DIV由于某种原因在每个中）。在iframe 1我有一个自定义上下文菜单（另一个DIV）。iframe 1当我在边框旁边右键单击时，上下文菜单出现在iframe 2：

应该是这样的：

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

编辑：
这是我的 3 个站点。( iframes, ) 和 , 它们链接的left地方。 对不起，我不知道如何导入到 fiddlejs，所以我不得不单独链接它们。rightindex
iframes

index.html
left.html
right.html

Answer 1

指定z-index: 1两个iframes。将带有“上下文菜单”的 div 保留在z-index:99.

Answer 2

你在浮动div吗？

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

Answer 3

使用类似的东西

z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999

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

Answer 4

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

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

换句话说：

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

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

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

注意：

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