从 iframe 中删除网页

Question

我目前正在使用 google chrome 扩展程序开发叠加层。让我解释一下架构。我有我的扩展，它调用他的 content_script ：overlay.js。该文件将使用

将我的工具栏注入网页上

overlayURL = chrome.extension.getURL("overlay.html"),
iframe = $('<iframe id="YouroverlayFrame" src="'+overlayURL+'">');

body.append(iframe);

所以目标是overlay.html 将出现在我的窗口顶部。但我有一个小问题，那就是我的 iframe 隐藏了我正在访问的真实网页。所以我想知道如何才能将所有网页删除为：40px，然后覆盖层不会覆盖网页。

更简单的例子：

提前致谢。

编辑：2011年2月24日 - 18:49

我已经尝试过这个：

<script type="text/javascript">
    document.getElementById('body').setAttribute("style", "margin-bottom: 40px;");
</script>

但是没有成功。

Answer 1

如果您能够将 HTML 注入页面（如 iframe），您应该能够在

<body>

标记的顶部添加与 iframe 高度相同的边距。应该修复大多数网站的问题。

在 JavaScript 中它是：

document.body.style.marginTop = '30px'; // or whatever your height is

请告诉我这是否适合您。