Javascript 在iframe的屏幕上居中显示一个div弹出窗口

在我的页面中有一个iframe，我需要在iframe中使用javascript代码显示一个小div弹出窗口。iframe和父级的域不相同。如何在整个屏幕中居中显示此div弹出窗口。

---

我发现了另一个类似的问题，但没有答案。

您不能编辑该iframe，但可以使div的z索引大于该iframe，并在iframe内部对齐

步骤：

使用类

test

（在我的步骤中）创建一个div

将其左位置更改为iframe

offsetLeft

加上

offsetLeft/2

（iframe的），并用div的

offsetLeft/2

进行减法，在顶部执行相同的操作（将

offsetLeft

替换为

offsetlight

和

offsetLeft

到

offsetTop

）

可能是这样的：

div.style.left=(iframe.offsetLeft+(iframe.offsetWidth/2))-div.offsetWidth/2+'px',
div.style.top=(iframe.offsetTop+(iframe.offsetHeight/2))-div.offsetHeight/2+'px'

---

我建议用户每次滚动页面时更新div的

top

和

left

CSS属性，否则div将无法与屏幕结合。

您可以展示一些代码示例吗？您不应该这样做，我很确定所有浏览器都在努力确保您无法做到这一点。跨域访问会带来太多的安全风险。