我目前正在使用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，然后叠加层不会覆盖网页。
更容易的例子：
使用叠加层：http://img259.imageshack.us/img259/2329/withy.png
没有叠加层：http://img717.imageshack.us/img717/1708/without.png
提前致谢。
编辑：24/02/2011 - 18:49
我已经尝试过了：
<script type="text/javascript">
document.getElementById('body').setAttribute("style", "margin-bottom: 40px;");
</script>
但它不起作用。
答案 0 :(得分：0)
如果您能够将HTML注入页面（例如iframe），则应该能够在iframe高度的<body>标记顶部添加边距。 应 修复 大多数 网站。
在JavaScript中它是：
document.getElementsByTagName('body')[0].style.marginTop = '30px'; // or whatever your height is
请告诉我这是否适合您。