如何在iframe中获取叠加元素

Question

我创建了一个位于iframe顶部的叠加层，如下所示： http://test.linkinformed.com/

我希望叠加元素在iframe内（或至少在iframe中显示）。

工作解决方案意味着滚动时红色框保留在页面的相同部分（即页面徽标上）。此外，叠加层不会像现在一样阻止滚动。

顶部的黑色菜单栏也需要保持静止（ala stumbleupon等）

我想做的事情的例子： - 用户将使用红色框选择页面上的区域（即w3schools徽标） - 然后他们可以滚动到页面的底部（红色框将保留在徽标上并且不在视图中） - 然后他们可以向上滚动以查看仍在红色框中的徽标

Answer 1

尝试使用z-index和position，如下所示

On the red box add this to the css

  position:fixed;
  z-index:100;

然后确保叠加层也有z-index。

z-index:99;
position:relative;//fixed, absolute etc