在iframe

时间:2015-12-02 08:59:23

标签: javascript html css html5 iframe

在我的网页中有一个iframe,我需要在iframe中使用javascript代码显示一个小的div弹出窗口。 iframe和父级的域名不相同。如何在整个屏幕中居中这个div弹出窗口。 我发现了另一个类似的问题,但没有答案。

1 个答案:

答案 0 :(得分:0)

您无法编辑该iframe,但您可以使用比该iframe更大的z-index并且在iframe内部对齐的div。

步骤:

  1. 使用班级test创建一个div(在我的步骤中)。
  2. 将其左侧位置更改为iframe offsetLeftoffsetWidth/2(iframe),并使用div的offsetWidth/2减去,您将同样位于顶部(替换{{ 1}}每offsetWidthoffsetHeightoffsetLeft)。
  3. 可能是这样:

    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不会与屏幕组合。