如何在 iframe 中获取叠加元素

Question

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

我希望覆盖元素位于（或至少出现在）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