Jquery 如何在iframe中获取覆盖元素

我已经创建了一个位于iframe顶部的覆盖，如图所示：

我希望覆盖元素在iframe中（或至少出现在iframe中）

有效的解决方案是，滚动时，红色框保持在页面的同一部分（即页面徽标上）。而且，滚动不会像现在一样被覆盖层阻止

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

我想做的示例： -用户将使用红色框选择页面上的区域（即w3schools徽标） -然后，他们可以滚动到页面底部（红色框将停留在徽标上，消失在视野之外）

---

-然后，他们可以向上滚动查看仍在红色框中的徽标

尝试使用

z-index

和

位置

，如下所示

On the red box add this to the css

  position:fixed;
  z-index:100;

然后确保覆盖也有一个

z索引

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

通过更改z索引，我可以将框和覆盖放在iframe的后面/前面。但不在iframe中。我已经用一个我想做的例子更新了这个问题