我目前正在使用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>但它并没有起作用。
发布于 2011-02-25 01:46:50
如果您能够向页面中注入超文本标记语言(如iframe),那么您应该能够按照iframe的高度在<body>标记的顶部添加边距。对于大多数站点,该应该可以修复它。
在JavaScript中应该是:
document.getElementsByTagName('body')[0].style.marginTop = '30px'; // or whatever your height is如果这对你有用,请让我知道。
https://stackoverflow.com/questions/5108354
复制相似问题