在我的网页中有一个iframe,我需要在iframe中使用javascript代码显示一个小的div弹出窗口。 iframe和父级的域名不相同。如何在整个屏幕中居中这个div弹出窗口。 我发现了另一个类似的问题,但没有答案。
答案 0 :(得分:0)
您无法编辑该iframe,但您可以使用比该iframe更大的z-index并且在iframe内部对齐的div。
test
创建一个div(在我的步骤中)。offsetLeft
加offsetWidth/2
(iframe),并使用div的offsetWidth/2
减去,您将同样位于顶部(替换{{ 1}}每offsetWidth
和offsetHeight
到offsetLeft
)。可能是这样:
offsetTop
我建议每次用户滚动页面时更新div的div.style.left=(iframe.offsetLeft+(iframe.offsetWidth/2))-div.offsetWidth/2+'px',
div.style.top=(iframe.offsetTop+(iframe.offsetHeight/2))-div.offsetHeight/2+'px'
和top
CSS属性,否则div不会与屏幕组合。