Question

我不知道在这里尝试实现的技术术语。我会以外行的方式解释它并希望学习：

我创建了一个浏览器扩展程序，根据遇到的某些条件覆盖了浏览器左侧的页面。现在我想推送页面而不是重叠，以便现有的浏览器页面因推送页面的大小而缩短。

（PS：这个术语对我来说是全新的，所以如果您愿意，可以自由编辑问题）

Answer 1

一种方法是在页面上注入iframe并在此iframe中显示叠加页面。将iframe设为绝对值。将边距添加到body标签，该标签应该等于iframe的宽度。这满足了你的要求。

HTML：

<h1>Sample</h1>
<p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
<iframe id="iframex" src="http://vivekgupta.com"></iframe>

CSS：

body{
margin-right:200px;
}
#iframex {
    border:0;
    margin:0
    padding:0;
    display: inline-block;
    position:absolute;
    width:200px;
    height:100%;
    right:0;
    top:0;
    bottom:0;
}

这是小提琴：http://jsfiddle.net/YLMWe/

如何推送页面而不是覆盖它

1 个答案: