Web扩展 - 使用内容脚本将浮动内容注入Web页面

Question

我正在编写一个firefox / chrome网络扩展程序。点击扩展程序按钮后，它应该将内容注入网页，如下所示：

在这里，Bloomberg News Extension向纽约时报页面注入了一些内容（我无法判断它是DIV还是iFrame）。

注入的内容有几个属性

1）它覆盖了当前的网页

2）当用户整体向下滚动网页时，内容跟随滚动。

在更一般的形式中，我试图完成以下行为：

到目前为止，我的内容脚本中包含以下代码：

var iframe = document.createElement("iframe");
    iframe.src = browser.extension.getURL("inject.html");


    iframe.style = "background: #FFFFFF;"
    //These are some test dimensions, in reality, the iFrame should occupy
    //the height of the webpage
    iframe.width = 300;
    iframe.height = 300;
    iframe.align = "right";

    document.body.appendChild(iframe);

显然，我的代码远未完成，但我真的不知道如何设置iFrame的样式/我应该注入它的位置，以模拟屏幕截图中显示的行为。

如何才能完成屏幕截图中显示的行为？